personal-dev-blog Tailwind Templates

Personal Dev Blog

DEV blog build using nextjs (app directory), tailwind css and sanity cms

Developer DEV Blog

you can check GMatrix statstics of this app here

This is a developer blog built with Next.js, Sanity CMS, and Tailwind CSS. It serves as a platform for sharing code snippets, tutorials, and insights related to web development and programming.

Table of Contents

Demo

You can view a live demo of the blog here.

Features

  • Next.js for server-rendered React applications.
  • Sanity CMS for content management.
  • Tailwind CSS for easy and responsive styling.
  • Light and Dark theme
  • SEO-friendly with meta tags and Open Graph support.
  • Responsive design for various screen sizes.

Installation

To run this project locally, follow these steps:

  1. Clone this repository:

    git clone https://github.com/Iamsidar07/personal-dev-blog.git
    
  2. Navigate to the Project directory

    cd personal-dev-blog
    
  3. Install dependencies

    npm install 
    #or
    yarn install
    

    Usage

  4. To start the development server run:

    npm run dev
    #or
    yarn  dev
    
  5. The blog will be available at http://localhost:3000 and studio will be available at http://localhost:3000/studio/

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun run 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 Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

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.

Top categories

Loading Svelte Themes