Skip to content

battery packed template / boilerplate to initialize PWA ready Next.js app with TailwindCSS & Typescript setup ✨

License

Notifications You must be signed in to change notification settings

agustinusnathaniel/nextarter-tailwind

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Deploy with Vercel Deploy to Netlify

Open in StackBlitz

This is a Next.js project bootstrapped with create-next-app, added with TailwindCSS and TypeScript setup. Start developing right away!

🔋⚡ Super Battery Packed template

  • 🚀 Next.js 13 (App Router) - React 18
  • ⛓️ TypeScript
  • TailwindCSS v3
  • ✔️ toolings for linting, formatting, and conventions configured
    • eslint, prettier, husky, lint-staged, commitlint, commitizen, and standard-version
    • pre-commit, pre-push, commit-msg, prepare-commit-msg hook configured
  • 📱 PWA-ready - next-pwa configured, enabled by default, just disable it through next.config.js
  • 🔎 SEO optimization configured - with next-seo and next-sitemap.
    • you'll need to reconfigure or tinker with it to get it right according to your needs, but it's there if you need it.
  • 🎨 basic responsive layout configured - don't need it? just remove it 😃
  • 🤖 Automatic Dependency Update with Renovate
  • 🏎️ Turbo setup

Quality Gate Status Maintainability Rating Bugs Code Smells Duplicated Lines (%)

Getting Started

You can either click Use this template button on this repository and clone the repo or directly from your terminal:

npx degit agustinusnathaniel/nextarter-tailwind <APP_NAME>

Install packages:

pnpm i

Then, run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/pages/index.tsx. The page auto-updates as you edit the file.

References