Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 10 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 (3 months ago)
- Default Branch: master
- Last Pushed: 2024-07-15T16:15:57.000Z (3 months ago)
- Last Synced: 2024-09-20T09:01:59.692Z (15 days 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: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Simple
## Motivation
> [!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