LakshayBabbar/Blog-App

Legit Blogs is a dynamic and SEO-friendly blogging platform built with the latest web technologies. Designed for content creators and readers alike, the platform offers a clean, user-friendly interface with features like categorized blogs, trending articles, and a personalized reading experience.

Legit Blogs

Legit Blogs is a modern, dynamic, and SEO-friendly blogging platform designed to offer a seamless experience for both content creators and readers. Built with cutting-edge web technologies, it provides a user-friendly interface, categorized blogs, trending articles, and much more.

Features

• Next.js 14 with App Router: Ensures optimal performance, scalability, and fast navigation across the platform.
• NextAuth Integration: Provides secure and customizable authentication with support for multiple providers.
• Advanced SEO Techniques: Implements best practices to maximize visibility and drive organic traffic to the platform.
• Hybrid API Architecture: Efficiently handles data fetching and content delivery with a mix of server-side and client-side rendering.
• Beautiful Typography with Code Blocks: Features elegant typography and supports code blocks with syntax highlighting, enhancing the readability and presentation of technical content.
• ShadCN UI Components: Provides a sleek, responsive, and visually appealing design that enhances user experience.
• Dynamic Routing: Supports seamless navigation, allowing users to easily explore content based on their interests.

Technologies Used

• Frontend:
  • Next.js 14 (https://nextjs.org/)
  • React.js (https://reactjs.org/)
  • TailwindCSS (https://tailwindcss.com/)
  • ShadCN UI (https://shadcn.dev/)
• Backend:
  • Next.js API Routes (https://nextjs.org/docs/pages/building-your-application/routing/api-routes)
  • RESTful APIs (https://restfulapi.net/)
• Database:
  • MongoDB (https://www.mongodb.com/)
• Hosting:
  • Vercel (https://vercel.com/)

Installation

1. Clone the repository:

   git clone https://github.com/lakshaybabbar/blog-app.git

2. Navigate to the project directory:

   cd blog-app

3. Install dependencies:

   npm install

4. Configure Environment Variables:

   • URI: MongoDB URI address
   • NEXT_PUBLIC_API_URL: Application URL
   • NEXTAUTH_SECRET: Secret key for NextAuth authentication
   • NEXTAUTH_URL: URL for the NextAuth authentication
   • GOOGLE_CLIENT_ID: Google authentication client ID
   • GOOGLE_CLIENT_SECRET: Google authentication client secret
   • GITHUB_CLIENT_ID: GitHub authentication client ID
   • GITHUB_CLIENT_SECRET: GitHub authentication client secret
   • CLOUD_NAME: Cloudinary cloud name
   • CLOUD_API: Cloudinary API key
   • CLOUD_API_SECRET: Cloudinary API secret key

5. Run the development server:

   npm run dev

6. Open your browser: Visit http://localhost:3000 to see the application in action.

Deployment

To deploy this application, you can follow these steps:

1. Build the application:

   npm run build

2. Start the production server:

   npm start

3. Deploy to Vercel: Push your repository to GitHub and connect it to Vercel for seamless deployment.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue to suggest improvements or report bugs.

Steps to Contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add new feature').
5. Push to the branch (git push origin feature-branch).
6. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

For any questions or suggestions, please contact Lakshay Babbar.