https://github.com/officialrajdeepsingh/section-blog-theme-demo

build a demo website with nextjs, nextra, section blog theme and tailwind CSS.
https://github.com/officialrajdeepsingh/section-blog-theme-demo

markdown mdx nextjs nextra nextra-theme shadcn-ui

Last synced: 7 days ago
JSON representation

build a demo website with nextjs, nextra, section blog theme and tailwind CSS.

• Host: GitHub
• URL: https://github.com/officialrajdeepsingh/section-blog-theme-demo
• Owner: officialrajdeepsingh
• Created: 2024-01-15T10:59:10.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-26T11:25:31.000Z (11 months ago)
• Last Synced: 2024-11-01T19:25:06.398Z (about 2 months ago)
• Topics: markdown, mdx, nextjs, nextra, nextra-theme, shadcn-ui
• Language: MDX
• Homepage: https://section-blog-theme-demo.vercel.app/
• Size: 177 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Section Blog Theme: A Minimalist Blog Theme

Section Blog Theme is a static generation Minimalist blog theme built with nextjs, nextra, tailwind CSS, Typescript, and shadcn UI.

## Demo

[https://next-blog-starter.vercel.app/](https://section-blog-theme-demo.vercel.app/)

## How to use

First, clone the [section blog theme demo](https://github.com/officialrajdeepsingh/section-blog-theme-demo) repository.

```bash

git clone https://github.com/officialrajdeepsingh/section-blog-theme-demo.git

# or

gh repo clone officialrajdeepsingh/section-blog-theme-demo

# change the repository

cd section-blog-theme-demo

```

Install the node.js package using the node package manager.

```bash

npm install

# or

yarm install

# or

pnpm install

```

Lastly, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

# Notes

Shadcn UI comes with theme functionality, You can use any [Shadcn UI theme with a section blog theme](https://section-blog-theme-docs.vercel.app/docs/theme).

* To learn more, [read our documentation](https://section-blog-theme-docs.vercel.app).