/X-boilerplate

🪂 X-boilerplate a starting boilerplate with configuration and best practices for your Nextjs projects, so you can only focus on building your product.

Primary LanguageTypeScript

Warning This boilerplate is a work in progress.

X-boilerplate a starting boilerplate with configuration and best practices for your Nextjs projects, so you can only focus on building your product.

We spend time using good community practices to make your project scalable.

Live Demo


Core Features

  • ⚡️ React 18, Next 13, pnpm - born with fastness

  • 🗂 Structure with paths and alias

  • 💅 Code formatter with prettier and Find and fix problems via eslint

  • 🪝 husky

  • 🦾 TypeScript, of course

  • 💄 Unstyled - The frontend contains minimal css styling just to show the demo.

  • ⚙️ Adjustable to your preferences - Designed to be modular so you can fine-tune it to your preferences

Optional Features


Roadmap

Many of this boilerplate features are based on the philosophy of being optional. We understand that every project or product is unique and, therefore, requires different settings and functionalities. We provide you with the freedom to choose the features that best fit your needs so you can only focus on building your product.

  • Configure next 13 with new /app dir
  • Integrate State Management x-state
  • Integrate State Management TanStack Query
  • Integrate react-hook-form
  • Integrate Zod to schema validation
  • Authentication (next-auth)
  • Integrate linters, hooks to DX
  • Integrate resend
  • Integrate ORM prisma
  • Integrate supabase
  • Integrate planetscale
  • Mocking via msw
  • Integrate SDK to Subscriptions
  • Add MDX support for basic pages
  • Add OG image for blog using @vercel/og
  • Integrate https://tailwindcss.com/
  • Integrate https://mui.com/
  • Integrate https://www.radix-ui.com/
  • Integrate https://chakra-ui.com/
  • Dark mode
  • Integrate graphql

Dev tools