I wanted to explore Netlify CMS & Tailwind CSS, ended up creating this boilerplate.
So far we've got:
- Blog w/ posts, including pagination.
- Configurable manifest & global settings.
- CSS Markdown (Thanks to [https://github.com/iandinwoodie/github-markdown-tailwindcss/blob/master/markdown.css]).
- Dynamic pages.
- PWA ready.
- SEO ready for posts & pages.
- Signup form (using Netlify Forms).
- Tools (Commitlint, Husky).
- Typescript.
Few things I'd like to add in the future:
- Contact form under _slug.
- Dynamic sections/widgets.
- Responsive CSS markdown.
- Tests
# ensure you have the prerequisites
# install
brew install node && brew install yarn
# OR update
brew update && brew upgrade && brew install yarn
# install dependencies
yarn install
# serve with hot reload at localhost:3000
yarn dev
# build for production with minification
yarn generate
# run all tests
yarn test- Deploy to Netlify.
- Enable Identity under Settings.
- Configure registration preferences & external providers if needed.
- Enable Git Gateway.
Note: You'll need to specify the Netlify URL when browsing the admin page locally.
Build for production
yarn generateAuthenticate on right Google Cloud project
gcloud initSelect right username and switch to right project
shopmacher-labsDeploy on App Engine
gcloud app deploy