https://github.com/frontendweb3/minimalist

The Minimalist blog template was created with Next.js, Shadcn UI, Content Layer, and Tailwind CSS.
https://github.com/frontendweb3/minimalist

next-static-blog nextjs nextjs-blog nextjs-blog-template nextjs-boilerplate nextjs-template nextjs13 react tailwind tailwindcss template typescript

Last synced: about 1 month ago
JSON representation

The Minimalist blog template was created with Next.js, Shadcn UI, Content Layer, and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/frontendweb3/minimalist
• Owner: frontendweb3
• License: mit
• Created: 2023-01-26T12:32:27.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-11-23T17:33:25.000Z (about 1 year ago)
• Last Synced: 2025-03-20T20:14:08.583Z (9 months ago)
• Topics: next-static-blog, nextjs, nextjs-blog, nextjs-blog-template, nextjs-boilerplate, nextjs-template, nextjs13, react, tailwind, tailwindcss, template, typescript
• Language: TypeScript
• Homepage: https://minimalist-nu.vercel.app/
• Size: 18.5 MB
• Stars: 18
• Watchers: 0
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-nextjs - Minimalist - Minimalist blog template built with Next.js and Tailwind CSS. (Next.js blog template / Sponsorship)

README

          
The Minimalist blog template was created with Next.js, Shadcn UI, Content Layer, and Tailwind CSS. The Minimalist template is built using modern technologies, making it easy to extend and customize.

Take a look at the demo of the Minimalist template!

## Demo

[![Demo](/.github/frontendweb3.github.io-2.gif)](https://minimalist-nu.vercel.app/)

## Our Template Stack

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Markdown](https://img.shields.io/badge/markdown-%23000000.svg?style=for-the-badge&logo=markdown&logoColor=white)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Shadcn UI](https://img.shields.io/badge/Shadcn/ui-white.svg?&%20style=for-the-badge&logoColor=white&logo=data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+c2hhZGNuL3VpPC90aXRsZT48cGF0aCBkPSJNMjIuMjE5IDExLjc4NCAxMS43ODQgMjIuMjE5Yy0uNDA3LjQwNy0uNDA3IDEuMDY4IDAgMS40NzYuNDA3LjQwNyAxLjA2OC40MDcgMS40NzYgMEwyMy42OTUgMTMuMjZjLjQwNy0uNDA4LjQwNy0xLjA2OSAwLTEuNDc2LS40MDgtLjQwNy0xLjA2OS0uNDA3LTEuNDc2IDBaTTIwLjEzMi4zMDUuMzA1IDIwLjEzMmMtLjQwNy40MDctLjQwNyAxLjA2OCAwIDEuNDc2LjQwOC40MDcgMS4wNjkuNDA3IDEuNDc2IDBMMjEuNjA4IDEuNzgxYy40MDctLjQwNy40MDctMS4wNjggMC0xLjQ3Ni0uNDA4LS40MDctMS4wNjktLjQwNy0xLjQ3NiAwWiIvPjwvc3ZnPg=)

![Contentlayer](https://img.shields.io/badge/Contntlayer-white.svg?&logoColor=7C3AED&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjQzIDAuOTIyNjhDMTEuMTQyNiAwLjM5ODExNSAxMi4xMTc3IDAuNDA3NDkxIDEyLjgyIDAuOTQ1NjY1TDE5Ljk5MjggNi40NDE5OEMyMS4wMjY2IDcuMjM0MTkgMjEuMDI2NiA4Ljc4NzcxIDE5Ljk5MjggOS41Nzk5MkwxNy4yNTczIDExLjY3NjFMMjAuMDM3OSAxMy45MDM3QzIxLjA0OTMgMTQuNzEzOSAyMS4wMjIgMTYuMjU3NCAxOS45ODI2IDE3LjAzMTVMMTIuNjIgMjIuNTE1M0MxMS44NjM0IDIzLjA3ODggMTAuODEzNCAyMy4wMzMyIDEwLjEwODkgMjIuNDA2M0w0LjM0Nzg5IDE3LjI4MDJMMy41NDIyNCAxNi41OTAzQy0wLjA1MzAxMTIgMTMuNTExNCAwLjM5MDE4MyA3Ljg0MDk0IDQuNDEyNzQgNS4zNTIxMkwxMC40MyAwLjkyMjY4Wk0xNi4xOTU1IDEwLjgyNTRMMTIuODUxNSA4LjE0NjU5QzEyLjEzNzUgNy41NzQ1NyAxMS4xMjM1IDcuNTYzNjUgMTAuMzk3MiA4LjEyMDE3TDcuOTIyOTggMTAuMDE2MUM2Ljg4OTEzIDEwLjgwODQgNi44ODkxMyAxMi4zNjE5IDcuOTIyOTggMTMuMTU0MUwxMC40MTU0IDE1LjA2NEMxMS4xMjkgMTUuNjEwOCAxMi4xMjI0IDE1LjYxMDggMTIuODM2IDE1LjA2NEwxNi4xNzczIDEyLjUwMzZMMTkuMjA4NiAxNC45MzJDMTkuNTQ1NyAxNS4yMDIxIDE5LjUzNjYgMTUuNzE2NiAxOS4xOTAxIDE1Ljk3NDdMMTEuODI3NSAyMS40NTg1QzExLjU3NTMgMjEuNjQ2MyAxMS4yMjUzIDIxLjYzMTEgMTAuOTkwNSAyMS40MjIxTDUuMjI0OCAxNi4yOTE4TDQuNDA0OTUgMTUuNTg5NUMxLjQ4MjU1IDEzLjA4NjkgMS44NDk0MSA4LjQ3MzM4IDUuMTMwODggNi40NjA3OEw1LjE1NDcxIDYuNDQ2MTdMMTEuMjE2NSAxLjk4Mzk4QzExLjQ1NCAxLjgwOTEzIDExLjc3OSAxLjgxMjI1IDEyLjAxMzIgMS45OTE2NEwxOS4xODU5IDcuNDg3OTZDMTkuNTMwNSA3Ljc1MjAzIDE5LjUzMDUgOC4yNjk4NyAxOS4xODU5IDguNTMzOTRMMTYuMTk1NSAxMC44MjU0Wk0xNS4xMTU1IDExLjY1M0wxMi4wMjkxIDE0LjAxOEMxMS43OTEzIDE0LjIwMDMgMTEuNDYwMSAxNC4yMDAzIDExLjIyMjMgMTQuMDE4TDguNzI5ODQgMTIuMTA4MUM4LjM4NTIzIDExLjg0NCA4LjM4NTIzIDExLjMyNjIgOC43Mjk4NCAxMS4wNjIxTDExLjIwNDEgOS4xNjYxNUMxMS40NDYyIDguOTgwNjUgMTEuNzg0MiA4Ljk4NDI5IDEyLjAyMjIgOS4xNzQ5NkwxNS4xMTU1IDExLjY1M1oiIGZpbGw9IiM3QzNBRUQiIHN0cm9rZT0iIzdDM0FFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD48L3N2Zz4K)

## Clone Repository

First, download the Next.js minimalist template code from the GitHub repository using the following command:

```bash

git clone https://github.com/frontendweb3/minimalist.git

```

Then follow the below **steps**:

```markdown

# step 1

cd minimalist

# step 2

pnpm install

#  or 

yarn install

# step 3

yarn dev

#    or

pnpm dev

```

### Our primary stack for the minimalist template includes:

1. Next.js

2. TypeScript

3. PNPM

4. Tailwind CSS

## Additional packages:

1. Lucide icons

2. @tailwindcss/typography

3. fuse.js

After downloading, open your browser and navigate to [http://localhost:3000](http://localhost:3000) to see the result.