Project Structure

This stack is very simple and can handle almost everything needed for common app theses days.

Directory Structure

my-project/
├── .cursor/rules           # AI rules for cursor
├── app/                    # Next.js App Router
│   ├── api/                # API routes
│   ├── (auth)/             # Authentication pages
│   ├── (paywall)/          # Pages that require to be logged and paid user
│   └── (root)/             # Landing page of the app
├── components/             # Reusable UI components
│   ├── auth/               # Authentication components
│   ├── emails/             # Email templates
│   ├── ui/                 # UI components (Shadcn)
├── config/                 # General configuration and Metadata
├── lib/                    # Utility functions and libraries
│   ├── ./auth              # BetterAuth setup
│   ├── ./auth-client       # BetterAuth client setup
│   ├── email/              # Resend setup
│   ├── requests/           # Database requests
├── prisma/                 # Database Schema and connection
├── public/                 # Static assets

Tech Stack

TechnologyPurposeCost
Next.jsReact framework with server components, routing, and API routes0
ReactUI component library0
TypeScriptType-safe JavaScript0
SupabaseDatabase, and storage0 for two projects
BetterAuthOpen-source Auth Library0
StripePayment processing0
ResendEmail delivery0 for 1000 mails
TailwindCSSUtility-first CSS framework0
shadcn/uiUI components0
kokonut/uiUI components0

On this page