Nextjs Boilerplate

screenshot of Nextjs Boilerplate
nextjs
react
tailwind
shadcn-ui
prisma
supabase

WIP: Boilerplate for Next Js. Eslint, Husky, i18n, Prettier, Shadcn, Storybook, Stripe, Tailwind

Overview

Nextjs Boilerplate is an excellent starting point for developers looking to create robust applications using Next.js. This work-in-progress (WIP) boilerplate is packed with essential tools and conventions for modern web development, making it a go-to solution for building scalable and maintainable projects. With its modern tech stack, developers can leverage these features to enhance productivity as they dive into building their next app.

Features

  • Eslint Integration: Ensures that your code adheres to consistent style guidelines, improving readability and maintainability.
  • Husky Support: Allows you to set up Git hooks easily, ensuring that tests and checks run before code commits.
  • Internationalization (i18n): Simplifies the process of supporting multiple languages, making your applications more accessible to a global audience.
  • Prettier Configuration: Automatically formats your code, so you can focus on writing features rather than worrying about code style issues.
  • Shadcn Compatibility: Offers an enhanced UI component system for building beautiful and user-friendly interfaces.
  • Storybook Integration: Facilitates the development and testing of UI components in isolation, promoting component reusability.
  • Stripe Ready: Easily integrate payment processing into your applications, providing a seamless checkout experience.
  • Tailwind CSS: Utilizes this utility-first CSS framework for rapid styling and responsive design without leaving your HTML.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

shadcn-ui
Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

supabase
Supabase

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.