Next Forge

screenshot of Next Forge
nextjs
react
tailwind
prisma

Production-grade Turborepo template for Next.js apps.

Overview

next-forge is a production-grade boilerplate for modern Next.js apps. It is designed to be a comprehensive starting point for new web applications, providing a solid foundation and minimal configuration. With features such as Next.js 14, full TypeScript support, React components from shadcn/ui, database integration with Prisma, authentication with Clerk, and various other tools for customization, security, and performance, next-forge aims to be fast, cost-effective, opinionated, and modern.

Features

  • Framework: Built on Next.js 14, a React framework for production-grade apps.
  • TypeScript Support: Full TypeScript support, including strict mode.
  • React Components: Utilizes React components from shadcn/ui, built on Radix UI, Tailwind CSS, and cva.
  • Linting: Linting is provided by eslint-config-harmony, which offers a strict set of configuration for ESLint, Prettier, and Stylelint.
  • Database: Integration with Prisma as the ORM, compatible with various supported databases (recommended: PlanetScale).
  • Emails and Forms: Templated emails using react.email and Resend. Loops form for a waitlist.
  • Authentication: Secure, scalable, and customizable authentication system provided by Clerk.
  • Status: BetterStack provides status monitoring.
  • Log Drain: Log Drain provided by Axiom.
  • Error Capturing: Error capturing facilitated by Sentry.
  • Payments: Payments powered by Stripe.
  • Analytics: Analytics from Vercel Analytics and Google Analytics.
  • AI: Default AI support from Vercel AI, using OpenAI.
  • Feedback: Canny integration for feedback.
  • MDX Content: Support for MDX content through Contentlayer.
  • Notifications: Knock provides notifications.
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.

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.

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.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.