Skip to content

A sleek blog platform using Next.js, TypeScript, TailwindCSS, and SQLite with static generation, Markdown support, SEO, comments, dark mode and more.

Notifications You must be signed in to change notification settings

aryanranderiya/Blog-Next.js

Repository files navigation

If you find this Repository helpful or interesting, please consider giving it a star! ⭐️

Blog Platform | Next.js, TypeScript, SQLite, TailwindCSS

This repository contains the source code for a full-featured blog platform built with modern technologies like Next.js, TypeScript, SQLite, and TailwindCSS. The platform supports Static Generation, Incremental Static Generation, Markdown content, user comments, and much more.

🚀 Features

  • Static Generation (SSG) and Incremental Static Generation (ISR) with Next.js for optimized performance and scalability.
  • Markdown Support: Easily create and manage content using markdown files.
  • User Comments: Visitors can leave comments on posts.
  • Sharing Options: Social media sharing integration for posts.
  • Search Indexing: Search functionality to help users find relevant posts.
  • SEO Optimization: Built-in SEO best practices to boost visibility in search engines.
  • Page Analytics: Track user engagement with page analytics.
  • TailwindCSS: Fully responsive design using TailwindCSS.
  • Dark Mode and Light Mode Support: Seamless switch between dark and light modes for a better user experience.
  • Table of Contents: Automatically generated table of contents for easy navigation through long blog posts.
  • SQLite Database: A lightweight, serverless database that requires minimal setup and is perfect for this blog platform.
  • Deployed on Vercel: Seamless deployment and hosting on Vercel.

🛠️ Tech Stack

  • Frontend: Next.js, React
  • Backend: Static and dynamic content generation with Next.js
  • Database: SQLite for lightweight, serverless data storage
  • Styling: TailwindCSS for modern, responsive design
  • Language: TypeScript for static typing and better developer experience

📦 Installation

Follow these steps to get the project up and running locally:

  1. Clone the repository:

    git clone https://github.com/your-username/your-blog-repo.git
  2. Navigate to the project directory:

    cd your-blog-repo
  3. Install dependencies:

    npm install
  4. . Run the development server:

    npm run dev

    The site will be running at http://localhost:3000.

🌍 Live URL

You can view the live site here: Live Blog

🎨 Screenshots

2024-11-12_20-37 2024-11-12_20-38 2024-11-12_20-37 2024-11-12_20-38 2024-11-12_20-39_2 2024-11-12_20-38_1 2024-11-12_20-39_1 2024-11-12_20-39

🔧 Deployment

This project is deployed on Vercel. For continuous deployment, you can connect this GitHub repository to Vercel, and changes pushed to the main branch will be automatically deployed.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to open an issue or submit a pull request.