Documentation
Learn how to use FrameForge to scaffold your next project with a monochrome UI.
Getting Started
Quick setup and installation guide
Installation
Prerequisites
- Node.js 20+ or Bun
- Package manager: pnpm, bun, or npm
- Basic knowledge of React and Next.js
Project Structure
Understanding the generated project layout
Key Directories
src/app/- Next.js App Router pages and layoutssrc/components/ui/- shadcn/ui component librarysrc/lib/- Utility functions and configurations
Available Commands
Development and build commands
Dev
Build
Start
Lint
Customization
Extending and customizing your project
Adding Components
Use the shadcn/ui CLI to add new components:
Theme Customization
The monochrome theme is configured in src/styles/globals.css and can be customized through CSS variables.
Adding Pages
Create new pages by adding files to the src/app/ directory following Next.js App Router conventions.
Deployment
Deploying your FrameForge project
Vercel (Recommended)
Deploy to Vercel with zero configuration:
Other Platforms
FrameForge projects work with any platform that supports Next.js, including Netlify, Railway, and self-hosted solutions.