Next Pro is a modern, full-stack blog platform designed for performance, scalability, and a seamless user experience. Built with Next.js 16 and Convex, it offers real-time capabilities and a robust foundation for content creation and interaction.
- 📝 Rich Content Management: Effortlessly create and manage blog posts with integrated image support.
- ⚡ Real-Time Interaction: Experience instant updates for posts and comments, powered by Convex's real-time database.
- 🔍 Smart Search: Built-in full-text search to quickly find relevant content.
- 💬 Engaging Community: Foster community with a responsive commenting system.
- 🔐 Secure Authentication: Reliable user authentication provided by Better Auth.
- 🎨 Modern & Responsive Design: A polished UI built with Tailwind CSS v4 and Shadcn UI for a consistent experience across devices.
This project leverages a cutting-edge technology stack:
- Framework: Next.js 16 (App Router)
- Language: TypeScript
- Backend & Database: Convex
- Styling: Tailwind CSS v4
- UI Components: Shadcn UI & Base UI
- State Management: React Hook Form + Zod
- Icons: HugeIcons
Follow these instructions to set up the project locally.
Ensure you have the following installed:
-
Clone the repository
git clone https://github.com/BhushanLagare7/next-pro.git cd next-pro -
Install dependencies
pnpm install
-
Setup Environment
Initialize the Convex backend. This will prompt you to log in and configure your project credentials automatically in
.env.local.npx convex dev
-
Start the development server
npm run dev # or pnpm dev -
Explore the app
Open http://localhost:3000 in your browser to see the application in action.
A quick overview of the top-level directory structure:
app/: Next.js App Router pages, layouts, and route handlers.components/: Reusable UI components, including Shadcn UI elements.convex/: Backend logic, database schema, and API functions.lib/: Shared utility functions and configuration files.public/: Static assets like images and fonts.
We welcome contributions to Next Pro!
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeature). - Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature/YourFeature). - Open a Pull Request.
If you encounter any issues or have questions, please:
- Check the Issues page.
- Review the Convex Documentation for backend-related queries.
- Refer to the Next.js Documentation for framework specifics.