Create SEO-optimized blog content with AI. Built with Next.js, Supabase, and TipTap.

• AI-Powered Writing - Generate blog posts with customizable tone, length, and style
• Rich Text Editor - Full-featured TipTap editor with slash commands, tables, code blocks, and more
• SEO Analysis - Real-time SEO scoring and suggestions
• Custom Domains - Publish blogs to your own domain
• Templates - Start with pre-built templates for common blog types
• Credits System - Built-in credit management for AI usage

• Node.js 18+
• npm or yarn
• Supabase account
• Azure OpenAI or OpenAI API key

1. Clone the repository:

   git clone https://github.com/bittucreator/Writine.git
   cd Writine

2. Install dependencies:

   npm install

3. Set up environment variables:

   cp .env.example .env.local

   Fill in your credentials in .env.local

4. Run the development server:

   npm run dev

5. Open http://localhost:3000

• Framework: Next.js 15 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Editor: TipTap
• Database: Supabase (PostgreSQL)
• Auth: Supabase Auth
• AI: Azure OpenAI / OpenAI
• Hosting: Vercel

1. Go to vercel.com and sign in with GitHub
2. Click Add New Project → Import Writine
3. Add environment variables:
   • NEXT_PUBLIC_SUPABASE_URL
   • NEXT_PUBLIC_SUPABASE_ANON_KEY
   • AZURE_OPENAI_API_KEY
   • AZURE_OPENAI_ENDPOINT
4. Click Deploy 🚀

1. Go to Vercel → Your project → Settings → Domains
2. Add writine.com
3. Update DNS: Add CNAME @ → cname.vercel-dns.com

src/
├── app/              # Next.js App Router pages
├── components/       # React components
│   └── ui/          # shadcn/ui components
├── contexts/        # React contexts
├── hooks/           # Custom hooks
└── lib/             # Utilities and configs

Contributions are welcome! Please read our Contributing Guide for details.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'feat: add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

• Next.js
• Supabase
• TipTap
• shadcn/ui
• Tailwind CSS

Made with by Venkat

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

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.