A modern web application inspired by bolt.new that allows users to create stunning apps and websites by chatting with AI. Built with Next.js 14, TypeScript, and the latest web technologies.
- AI-Powered Code Generation: Chat with AI to generate and modify code
- Real-time Code Editor: Split-screen editor with live preview
- Project Templates: Pre-built templates for React, Vue, Next.js, and more
- User Authentication: Secure login and registration system
- Subscription Management: Stripe-powered payment system
- Responsive Design: Beautiful UI that works on all devices
- Dark Mode Support: Toggle between light and dark themes
- Framework: Next.js 14 with App Router
- Language: TypeScript
- State Management: Redux Toolkit
- Styling: Tailwind CSS + styled-components
- UI Components: Shadcn UI with Radix UI primitives
- Payment: Stripe Elements
- Icons: Lucide React
- Database: (Ready for integration with PostgreSQL/MongoDB)
- Node.js 18+
- npm, yarn, or pnpm
- Clone the repository:
git clone <repository-url>
cd custmax-website-new- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 in your browser.
src/
├── app/ # Next.js App Router pages
│ ├── api/ # API routes
│ ├── editor/ # Code editor page
│ ├── pricing/ # Pricing page
│ └── globals.css # Global styles
├── components/ # Reusable React components
│ ├── auth/ # Authentication components
│ ├── payment/ # Payment/subscription components
│ └── ui/ # Shadcn UI components
├── store/ # Redux store and slices
│ └── slices/ # Redux slices
└── lib/ # Utility functions
- Real-time conversation with AI assistant
- Code generation and modification
- Context-aware responses
- Syntax highlighting
- Live preview
- Multiple layout options (split, editor-only, preview-only)
- File management system
- React applications
- Next.js blogs
- Vue dashboards
- Static landing pages
- Email/password registration
- OAuth with GitHub and Google
- token-based session management
- Free tier with basic features
- Pro plan with unlimited projects
- Enterprise plan with team features
Create a .env.local file in the root directory:
# Database
DATABASE_URL="your-database-url"
# Authentication
NEXTAUTH_SECRET="your-secret"
NEXTAUTH_URL="http://localhost:3000"
# OAuth Providers
GITHUB_CLIENT_ID="your-github-client-id"
GITHUB_CLIENT_SECRET="your-github-client-secret"
GOOGLE_CLIENT_ID="your-google-client-id"
GOOGLE_CLIENT_SECRET="your-google-client-secret"
# Stripe
STRIPE_PUBLIC_KEY="your-stripe-public-key"
STRIPE_SECRET_KEY="your-stripe-secret-key"
# AI Service (OpenAI, Anthropic, etc.)
AI_API_KEY="your-ai-api-key"- Push your code to GitHub
- Connect your repository to Vercel
- Configure environment variables
- Deploy with one click
The application can be deployed to any platform that supports Node.js:
- Netlify
- Railway
- DigitalOcean App Platform
- AWS
- Google Cloud Platform
- Fork the repository
- Create a feature branch:
git checkout -b feature-name - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin feature-name - Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or need help, please:
- Open an issue on GitHub
- Check the documentation
- Join our community Discord (coming soon)
Built with ❤️ using Next.js and AI "# custmax-website-new"