Skip to content

A modern blog platform built with Next.js, TypeScript, SQLite, and TailwindCSS. This project features Static Generation (SSG), Incremental Static Generation (ISR), Markdown support, SEO optimization, user comments, dark/light mode, and an SQLite database for serverless, lightweight data storage.

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.

About

A modern blog platform built with Next.js, TypeScript, SQLite, and TailwindCSS. This project features Static Generation (SSG), Incremental Static Generation (ISR), Markdown support, SEO optimization, user comments, dark/light mode, and an SQLite database for serverless, lightweight data storage.

Topics

Resources

Stars

Watchers

Forks