Getting Started

Blogify is MIT open-source nextjs and tailwind css based template to build a blog with markdown.

Demo

Home page

List page

Reading page

Tag page

Project folder

.
├── blogify.png
├── CODE_OF_CONDUCT.md
├── components
│   ├── Blockquote.tsx
│   ├── Footer.tsx
│   ├── Header.tsx
│   ├── Nav.tsx
│   ├── Newsletter.tsx
│   ├── PostHeader.tsx
│   ├── Post.tsx
│   └── ReadMore.tsx
├── data
│   └── post.ts
├── demo
│   ├── blogify.png
│   ├── home.png
│   ├── list.png
│   ├── reading.png
│   └── tag.png
├── LICENSE
├── next.config.js
├── next-env.d.ts
├── package.json
├── pages
│   ├── _app.tsx
│   ├── _document.tsx
│   ├── index.tsx
│   ├── pages
│   ├── [slug].tsx
│   └── tag
├── pnpm-lock.yaml
├── postcss.config.js
├── prettier.config.js
├── public
│   ├── favicon.ico
│   └── images
├── README.md
├── styles
│   └── globals.css
├── tailwind.config.js
├── tsconfig.json
└── yarn.lock

9 directories, 33 files

Start with blogify

## Step 1

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

## Step 2
cd blogify

## Step 3
pnpm install
# or
yarn install

## Step 4
pnpm dev
# or
yarn dev

Upcoming change

• Adding content layer support
• Search bar support
• Adding dark mode theme support
• SEO support