BETTER-Next.JS

Sign In
Better Next.JS

Modern Stack for
Rapid Development

A production-ready NextJS 15 template with TailwindCSS v4, Better-Auth, Drizzle ORM, and Neon DB - everything you need to build fast, secure web applications.

$ bunx create-next-app --example https://github.com/ECarry/better-next.js
✓ Downloading files...
✓ Installing dependencies...
✓ Setup complete!
$ cd my-app
$ bun run dev
▲ Next.js 15.2.0
- Local: http://localhost:3000
- Network: http://192.168.1.5:3000
- API: http://localhost:3000/api
✓ Ready in 0.8s

Authentication Ready

Pre-configured authentication with Better-Auth

Database Setup

Drizzle ORM with Neon DB integration

Modern UI

TailwindCSS v4 with preset components

Performance Optimized

Next.js 15 with Server Components

Powered by Modern Technologies

React
Next.js
Tailwind CSS
Drizzle ORM
tRPC
TypeScript
Shadcn UI
Better Auth
Vercel

Key Features

Everything you need to build production-ready applications

Next.js 15

Latest version with Server Components, App Router, and built-in optimizations for better performance.

Tailwind v4

Modern utility-first CSS framework for rapid UI development with the latest features.

Better Auth

Secure authentication system with support for multiple providers, session management, and more.

Drizzle ORM

Type-safe ORM for TypeScript with a simple API, great developer experience, and excellent performance.

Neon DB

Serverless Postgres database that scales automatically with your application needs.

SEO Optimized

Built-in metadata support, sitemaps, and best practices for search engine optimization.

Modern Developer Experience

Our template provides a seamless developer experience with the latest tools and technologies.

  • End-to-end type safety with TypeScript
  • Optimized for developer productivity
  • Pre-configured with best practices
  • Secure authentication out of the box
app/page.tsx
import { Button } from "@/components/ui/button";
import db from "@/db";
import { auth } from "better-auth";

export default async function Dashboard() {
  const session = await auth();
  const user = session?.user;
  
  const stats = await db.query.stats.findMany({
    where: { userId: user.id }
  });

  return (
    <div className="p-4">
      <h1 className="text-2xl font-bold mb-4">
        Welcome back, {user.name}
      </h1>
      {/* Your dashboard content */}
    </div>
  );
}

Ready to Get Started?

Start building your next project with a fully-featured NextJS template designed for modern web development.

Get Started