Overview

NextReady is more than just a boilerplate. It's a complete solution for building and deploying your next project. Or, build a quick MVP to validate your idea and the market first. It's easy to maintain for the long term and you get a constantly updated code base & dependencies.

Tech Stack

With shadcn/ui and TailwindCSS as the UI library, you can build unlimited components and pages using v0. It's also compatible with Magic UI for more beautiful components.

Principles and Motivation

The NextReady principle is to use minimal third party services. So, you can build as fast as possible without doing a lot of configurations. We prefer to manage our services independently to avoid relying on third parties. For example, we use self-managed auth instead of Auth0 or Firebase. The same goes for email, databases, and other services.

NextReady prefers to use APIs rather than relying heavily on Server Components. This approach will be easier to maintain and scale in the future. We can deploy APIs separately and integrate them into the front end.

Screenshots

Landing Page

Admin Panel

Project Structure

code

. ā”œā”€ā”€ README.md ā”œā”€ā”€ app ā”‚Ā Ā  ā”œā”€ā”€ (landing) ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [landing pages] ā”‚Ā Ā  ā”œā”€ā”€ ~admin ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [admin pages] ā”‚Ā Ā  ā”œā”€ā”€ api ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ _middlewares ā”‚Ā Ā  ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ authorization.ts ā”‚Ā Ā  ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ rbac.ts ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ ~admin ā”‚Ā Ā  ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [admin APIs] ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ auth ā”‚Ā Ā  ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [auth APIs] ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [more APIs] ā”‚Ā Ā  ā”œā”€ā”€ auth ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [auth pages] ā”‚Ā Ā  ā”œā”€ā”€ blog ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [blog pages] ā”‚Ā Ā  ā”œā”€ā”€ dash ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [dashboard pages] ā”‚Ā Ā  ā”œā”€ā”€ favicon.ico ā”‚Ā Ā  ā”œā”€ā”€ globals.css ā”‚Ā Ā  ā””ā”€ā”€ layout.tsx ā”œā”€ā”€ bun.lockb ā”œā”€ā”€ components ā”‚Ā Ā  ā”œā”€ā”€ footer.tsx ā”‚Ā Ā  ā”œā”€ā”€ header.tsx ā”‚Ā Ā  ā””ā”€ā”€ ui ā”‚Ā Ā  ā””ā”€ā”€ ... [more components] ā”œā”€ā”€ components.json ā”œā”€ā”€ lib ā”‚Ā Ā  ā”œā”€ā”€ constant.ts ā”‚Ā Ā  ā”œā”€ā”€ random.ts ā”‚Ā Ā  ā”œā”€ā”€ utils.ts ā”‚Ā Ā  ā”œā”€ā”€ server ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ db.ts ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ email.ts ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ payments ā”‚Ā Ā  ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ lemonsqueezy.ts ā”‚Ā Ā  ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ xendit.ts ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [more server libs] ā”‚Ā Ā  ā””ā”€ā”€ web ā”‚Ā Ā  ā””ā”€ā”€ ... [more web libs] ā”œā”€ā”€ next.config.mjs ā”œā”€ā”€ package.json ā”œā”€ā”€ postcss.config.mjs ā”œā”€ā”€ prisma ā”‚Ā Ā  ā”œā”€ā”€ migrations ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ ... [migrations] ā”‚Ā Ā  ā””ā”€ā”€ schema.prisma ā”œā”€ā”€ public ā”‚Ā Ā  ā””ā”€ā”€ ... [images and other assets] ā”œā”€ā”€ tailwind.config.ts ā”œā”€ā”€ templates ā”‚Ā Ā  ā””ā”€ā”€ email ā”‚Ā Ā  ā””ā”€ā”€ ... [email templates] ā””ā”€ā”€ tsconfig.json

Note. The structure and library may be changed based on needs.