Template repo with a very simple boilerplate to create HTML web pages styled with TailwindCSS.
It's built with Webpack.
- By default, it generates an English index.html that can be accessed at "/" path in the browser and another Spanish index.html that can be accessed at "/es" with HtmlWebpackPlugin
- Supports nested CSS with postcss-nesting
- Includes support to generate favicon and other icons with FaviconsWebpackPlugin
- Includes a English/Spanish language selector that sets a cookie to "remember" the preferred language.
It's relatively simple so for more info, just see the files in src/ dir and webpack.* files.
- Start development server with
yarn dev - Build for production with
yarn build:prod
- Build for production with
yarn build:prod. This command generates the production assets in dist/ directory. - Delete all files from the S3 website bucket.
- Copy all files from dist/ to the S3 website bucket.
- Invalidate cache in related CloudFront using
/* /en/*
TODO: create GitHub Actions to automate this deploy process.