This is a Next.js project bootstrapped with create-next-app
, added with TailwindCSS and TypeScript setup.
Start developing right away!
- π Next.js 13 (App Router) - React 18
- βοΈ TypeScript
- TailwindCSS v3 - with base shadcn/ui setup
- recommended to extend with one of these:
- βοΈ toolings for linting, formatting, and conventions configured
eslint
,prettier
,husky
,lint-staged
,commitlint
,commitizen
, andstandard-version
pre-commit
,pre-push
,commit-msg
,prepare-commit-msg
hook configured
- π± PWA-ready -
next-pwa
configured, disabled by default, just enable it throughnext.config.js
- π SEO optimization configured - with
next-seo
andnext-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
You can either click Use this template
button on this repository and clone the repo or directly from your terminal:
npx degit sozonome/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.
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- TailwindCSS
- headless UI
- TypeScript