CodebaseUp is a Next.js (v14+ App Router) boilerplate that saves you 150+ hours of setup hassle. Experience rapid business launch, not setup fatigue.
This Core version contains a subset of modules offered by a Pro version but still can get you really far. The premium modules take it up a notch by providing functionalities to key use cases of every modern app.
See the full comparison at codebaseup.com
Created and maintained by @jakubhavej
The codebase is based on monorepo project structure. Each package/app is 100% TypeScript.
Monorepo Empowering solo makers and tech teams with seamless coding - best practices, one-click tests, zero duplicity, and library compatibility guaranteed.
Manage the monorepo with ease, e.g. add a new package to a specific app/package from anywhere inside the repository:
pnpm add -D some-package --filter=webHave peace of mind with single-command monorepo tests (Typescript/ESLint) that can automatically run with every commit, e.g.:
pnpm run lintpnpm run lint --filter=webNext.js Dive into Next.js (v14+ App Router) like a pro, experiencing React Server Components, route interception, and more in action.
Database Launch and share your cloud-based database swiftly and bid farewell to the 'It worked on my computer' headache.
Authentication Choose from a wide array of popular authentication services, including Google and Magic Link authentication, to easily secure your application.
Design system Use an open-source and optimized component library based on Radix UI. No vendor lock-in — copy, paste, and flavor with Tailwind CSS when needed.
Internationalization Transform your site into a multilingual masterpiece.
Blog Craft content with MDX syntax. Manage it by Notion.so (soon).
Emailing Reach humans instead of spam folders. Build emails at scale.
File uploads Store user files securely and globally accessible.
SEO Rank your site at the top of search engine results from the get-go.
Site analytics Understand your audience, build funnels, and optimize for success.
Monitoring Sleep soundly with real-time monitoring.
Forms & Validations Use performant, flexible, and extensible forms with easy-to-use validation.
Payments (soon) Unlock the revenue potential with payment gateway integration.
Testing (soon) Build robust and error-free web applications.
Chrome extension (soon) Create custom browser solutions and enhance your browsing experience with ease.
Community support (soon) Need a helping hand or a fresh perspective? You'll never be alone on this journey.
web: a Next.js app (the main one, used for demo purposes)
A collection of reusable and ready-to-use packages used throughout the monorepo:
database: powered by Prisma, the Node.js and Typescript ORM.eslint-config-custom: ESLing configurations.tailwind-config: Tailwind CSS configurations.tsconfig: Typescript configurations.ui: Beautifully designed components by shadcn/ui. Based on Radix & Tailwind CSS & Lucide Icons. Fully customizable.
The full list of features/modules can be found on https://www.codebaseup.com
- Clone the repository:
git clone https://github.com/jhavej/codebaseup your-project-name- Create your own repository (e.g. on GitHub) and link it with the cloned one:
cd your-project-name
git remote set-url origin git@github.com:your-username/your-repository.git-
Install
pnpmandNode v18.16.0(preferably via nvm) -
Add local environment variables
Create a .env.local file based on the provided .env.local.example - this
enables respective modules, e.g. Google OAuth and a connection to a PostgreSQL
database (create one e.g. on Vercel or
Supabase or Neon -- it will work
out of the box once connected via the environment variables),
The only required environment variable is NEXTAUTH_SECRET and you can generate one at https://generate-secret.vercel.app
- Install project dependencies:
pnpm install- Spin up the development server:
pnpm run dev- Access the app at http://localhost:3000
This will clone the repository to your own GitHub account and build up the whole app for you, accessible online in seconds.
The full documentation can be found on https://www.codebaseup.com/docs (work-in-progress).