An easy-to-use starter kit with Nuxt.js, Vue 2, and Tailwindcss for launching a site on Netlify in minutes.
- Nuxt.js (SSR support)
- Vue 2
- Tailwindcss with PurgeCSS
- Netlify CMS (no server required)
- PWA support
- Responsive dark mode
- Pre-configured Prettier for code formatting
-
Click the Deploy to Netlify button to create your site:
-
After deploying, invite yourself as a user from Netlify Identity.
-
Set up a new password through the invite email.
- Install dependencies:
npm install
- Start local dev server:
npm run dev
- Build SSR deployment:
npm run build
thennpm run start
- Generate a static site:
npm run generate
- Rename
.env-example
to.env
and update the values. - Update metadata in
static/admin/config.yml
,content/site/info.json
, andpackage.json
. - Customize styles in
assets/scss/_vars.scss
&tailwind.config.js
. - Change default font in
nuxt.config.js
andtailwind.config.js
.
If you face issues like CSS not appearing, inability to log into admin, or email login problems, check:
- Whitelisting classes in PurgeCSS (
nuxt.config.js
) - Running
npx netlify-cms-proxy-server
for local CMS login - Confirming Netlify Identity and Git Gateway setup
- Reviewing email template paths under Netlify Site Settings > Identity > Emails
Remember to set Netlify's GIT_LFS_ENABLED
env variable to true
for LFS support.