A modern web application for generating and managing Product Requirement Documents (PRDs) using AI assistance. Built with Next.js and enhanced with AI capabilities.
- AI-Powered PRD Generation: Create comprehensive PRDs with AI assistance
- User Authentication: Secure user authentication powered by Clerk
- Database Storage: PostgreSQL database with Prisma ORM for reliable data persistence
- Modern UI: Built with React and styled using modern UI components
- Real-time Updates: Instant updates and responsive interface
- Markdown Support: View and edit PRDs in markdown format
- Frontend: Next.js 14, React 18
- Backend: Next.js API Routes
- Database: PostgreSQL with Prisma ORM
- Authentication: Clerk
- AI Integration: Anthropic AI SDK
- UI Components: Radix UI
- Forms: React Hook Form with Zod validation
- Styling: Tailwind CSS with class-variance-authority
-
Clone the repository
-
Install dependencies:
npm install
-
Set up environment variables: Create a
.envfile with the following:DATABASE_URL="your_postgresql_connection_string" CLERK_SECRET_KEY="your_clerk_secret" CLERK_PUBLISHABLE_KEY="your_clerk_publishable_key" -
Initialize the database:
npx prisma generate npx prisma db push
-
Run the development server:
npm run dev
-
Open http://localhost:3000 with your browser to see the application.
/app- Next.js app router pages and API routes/components- Reusable React components/prisma- Database schema and configurations/public- Static assets/styles- Global styles and Tailwind configurations
Feel free to submit issues and enhancement requests.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.