Snowpack CSA Template for tailwind, prettier and autopublish on GH pages
npm install snowpack-template-tailwind> ✨ Bootstrapped with Create Snowpack App (CSA).
Ready-to-go template to create awesome websites using Tailwind on top of Snowpack and autopublish to GitHub pages using GitHub Actions.
- Quick start
- Features
- Available Scripts
``shmy-appBootstrap the template into a new folder called
npx create-snowpack-app my-app --template snowpack-template-tailwind
✨ Optional: Enable autopublish to get your site deployed on GitHub Pages on every commit you push.
#### Optional install using Yarn:
`sh
Bootstrap the template into a new folder called
my-app
npx create-snowpack-app my-app --template snowpack-template-tailwind --use-yarnEnable Prettier on git-commit
cd my-app
yarn install:husky
`Features
- Snowpack, of course.
- Tailwind.
- Prettier.
- Force prettier on git-commit.
- Autopublish on Github Pages.
$3
1. Update the value of
homepage in package.json. It should look like https:// (no trailing slash).
1. Push your changes into a new GitHub repository.
1. You should see an Action running on https://github.com/
1. Make sure to enable GitHub pages for your repo and select the gh-pages branch
1. Give GH Pages some minutes, your site should be live on https://
1. Enjoy :)$3
Remove the
.github/workflows/publish.yml file.$3
Run
npm run install:husky.Available Scripts
$3
Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
$3
Builds a static copy of your site to the
build/ folder.
Your app is ready to be deployed!For the best production performance: Add a build bundler plugin like @snowpack/plugin-webpack or snowpack-plugin-rollup-bundle to your
snowpack.config.json` config file.No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.