This is a startup project based on Eleventy, a great and simple Static Site Generator.
The configuration of this work environment includes:
- A scaffold to start building quickly with Eleventy.
- Webpack configuration for development and production environments.
- Preprocessing SASS files to CSS.
- Babel for compiler modern Javascript.
- Nunjuck configuration as template engine.
- Compile from Vue Single File Components.
- CSS and Javascript minified bundles.
- Asset management and optimization.
- Configuration file for publish in Netlify.
$ npm i
$ npm run dev
Development mode runs a local web server with hot-reloading function at http: // localhost: 8080
The production mode generates precompiled templates, optimized CSS styles and javascript files building the website ready for publication in the /dist
folder.
$ npm run build
It´s possible to run and test our lambda functions in the local development environment without the need to publish or deploy. To do this we will globally install the Netlify CLI with the following command:
$ npm i -g netlify-cli
Once installed we can run the Netlify development environment:
$ netlify dev
To execute our function we will access to the path:
/localhost:8888/.netlify/functions/{{FUNCTION_NAME}}
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
- Update npm depencencies (lodash security vulnerability)
- Update deprecated uglifyjs-webpack-plugin
- Add
babel
andES6
inpackege.json
keywords. - Added a javascript lambda function example file
/functions/test.js
. - Added
/functions
folder.
- README.md review translation and Changelog.
- Changed
netlify.toml
with Netlify functions directory config.
- Delete
typescript
inpackage.json
kewords.
- Absolute path for main.css & main.js in default layout
- Babel configuration (webpack).
- Created a
site.js
in/_data
widthprocess.env.ELEVENTY_ENV
variable - Added a
pixel.png
in/images
. - Added a
read.me
in/css/partials
. - Created a
/js/modules
folder.
- Eleventy BrowserSyncConfig (watch: true).
- Example for load the Test Vue Single File Component.
- README.md review translation and Changelog.
- TypeScript configuration (webpack, typings, tsconfig.json).
- README.md including Project Changelog.