https://github.com/wtlow003/nextjs-theme-simple

Minimalistic blog theme with Next.js, adapted from Hugo Mini.
https://github.com/wtlow003/nextjs-theme-simple

framer-motion mdx nextjs shadcn-ui velite

Last synced: 7 days ago
JSON representation

Minimalistic blog theme with Next.js, adapted from Hugo Mini.

• Host: GitHub
• URL: https://github.com/wtlow003/nextjs-theme-simple
• Owner: wtlow003
• License: mit
• Created: 2024-07-15T15:27:41.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-07-15T16:15:57.000Z (7 months ago)
• Last Synced: 2025-01-15T17:59:04.020Z (about 1 month ago)
• Topics: framer-motion, mdx, nextjs, shadcn-ui, velite
• Language: MDX
• Homepage: https://simple-iota-two.vercel.app/
• Size: 105 KB
• Stars: 0
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Simple




    



## Motivation

![simple](https://github.com/user-attachments/assets/3e362175-824f-4ce1-b4fe-b82f492bfe36)

> [!NOTE]

>

> **Simple**, is a minimalistic blogging theme made with [Next.js](https://nextjs.org/) and adapted from the beloved Hugo theme – [Mini](https://github.com/nodejh/hugo-theme-mini).

**Simple** retain the exact minimalistic feels from Mini, with following features for the modern web:

1. **Next.js Powered**: Benefit from the speed, SEO advantages, and versatility of Next.js.

2. **Framer Motion Integration**: Smooth animations that improve user engagement.

3. **Shadcn Styled Components**: Consistent and attractive design elements made easy.

4. **MDX Support**: Write in Markdown format and handle content with [Velite](https://velite.js.org/guide/introduction).

5. **Syntax Highlighting**: Syntax highlighting for code with [rehype-pretty-code](https://rehype-pretty.pages.dev/).

6. **Math Support**: Write beautiful math equation with [rehype-katex](https://www.npmjs.com/package/rehype-katex).

4. **Fully Responsive**: Your blog will look great on any device, from mobile to desktop.

## Demo:

> [!TIP]

>

> You may visit the live demo deployment: https://simple-iota-two.vercel.app/

https://github.com/user-attachments/assets/87609209-ac7e-4d9d-bfc4-12dd4d482a76

## Getting Started

First, 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.

## Roadmap

- [ ] Open Graph Integration

- [ ] SEO Enhancement