Skip to content
/ nextjs-app-starter Public template

NextJS starter template for real-world app development (TypeScript, Tailwind, Tanstack-Query, next-better-api, etc)

License

Notifications You must be signed in to change notification settings

filp/nextjs-app-starter

Repository files navigation

nextjs-app-starter

This is a NextJS 12 starter template based off nextjs-ts-tailwind for real-world app development, including:

  • Typescript
  • TailwindCSS
  • Tanstack-Query with hydration support & helpers + superjson, as well as its devtools enabled in development.
  • next-better-api with API schema validation powered by Zod
  • Google Font (Roboto) embed under a custom _document.tsx file, and matching tailwind.config.js
  • Custom prettier and eslint configuration
    • prettier-plugin-tailwindcss for automatic Tailwind class sorting
    • Import order rules
    • Enforce use of type modifier in imports when appropriate
    • Avoid console.log statements
    • Avoid dangling Promises
    • Prefer arrow functions with implicit returns when appropriate
    • ...and a bunch of other rules
  • Path aliases configured under tsconfig.json (@components/, @lib/, @api/)

Using this starter

With create-next-app:

$ npx create-next-app -e https://github.com/filp/nextjs-app-starter

With degit:

$ npx degit https://github.com/filp/nextjs-app-starter <your-app-name>

Stuff

See license information under LICENSE.md.

Contributions are super welcome - in the form of bug reports, suggestions, or better yet, pull requests!

About

NextJS starter template for real-world app development (TypeScript, Tailwind, Tanstack-Query, next-better-api, etc)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published