This project was created with Better-T-Stack, a modern TypeScript stack that combines Next.js, Self, TRPC, and more.
- TypeScript - For type safety and improved developer experience
- Next.js - Full-stack React framework
- TailwindCSS - Utility-first CSS for rapid UI development
- Shared UI package - shadcn/ui primitives live in
packages/ui - tRPC - End-to-end type-safe APIs
- Prisma - TypeScript-first ORM
- PostgreSQL - Database engine
- Authentication - Better-Auth
- Turborepo - Optimized monorepo build system
First, install the dependencies:
pnpm installThis project uses PostgreSQL with Prisma.
-
Make sure you have a PostgreSQL database set up.
-
Update your
apps/web/.envfile with your PostgreSQL connection details. -
Apply the schema to your database:
pnpm run db:pushThen, run the development server:
pnpm run devOpen http://localhost:3001 in your browser to see the fullstack application.
React web apps in this stack share shadcn/ui primitives through packages/ui.
- Change design tokens and global styles in
packages/ui/src/styles/globals.css - Update shared primitives in
packages/ui/src/components/* - Adjust shadcn aliases or style config in
packages/ui/components.jsonandapps/web/components.json
Run this from the project root to add more primitives to the shared UI package:
npx shadcn@latest add accordion dialog popover sheet table -c packages/uiImport shared components like this:
import { Button } from "@headshot-studio/ui/components/button";If you want to add app-specific blocks instead of shared primitives, run the shadcn CLI from apps/web.
headshot-studio/
├── apps/
│ └── web/ # Fullstack application (Next.js)
├── packages/
│ ├── ui/ # Shared shadcn/ui components and styles
│ ├── api/ # API layer / business logic
│ ├── auth/ # Authentication configuration & logic
│ └── db/ # Database schema & queries
pnpm run dev: Start all applications in development modepnpm run build: Build all applicationspnpm run dev:web: Start only the web applicationpnpm run dev:aws: Start SST dev mode for AWS-linked local developmentpnpm run deploy:aws --stage production: Deploy the app to AWS Lambda with SSTpnpm run remove:aws --stage dev: Remove a non-production AWS stagepnpm run check-types: Check TypeScript types across all appspnpm run db:push: Push schema changes to databasepnpm run db:generate: Generate database client/typespnpm run db:migrate: Run database migrationspnpm run db:studio: Open database studio UI
This repo is prepared to deploy apps/web to AWS with SST + OpenNext.
See docs/aws-lambda-deploy.md for the full setup and deployment flow.