https://github.com/frontendweb3/blogify

Blogify is an open-source nextjs blog template design with tailwind CSS.
https://github.com/frontendweb3/blogify

nextjs nextjs-blog nextjs-blog-app nextjs-boilerplate nextjs-example nextjs-starter nextjs-template react typescript

Last synced: 2 months ago
JSON representation

Blogify is an open-source nextjs blog template design with tailwind CSS.

• Host: GitHub
• URL: https://github.com/frontendweb3/blogify
• Owner: frontendweb3
• License: mit
• Created: 2023-01-11T06:46:09.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-05T00:26:25.000Z (5 months ago)
• Last Synced: 2024-10-29T05:34:59.903Z (3 months ago)
• Topics: nextjs, nextjs-blog, nextjs-blog-app, nextjs-boilerplate, nextjs-example, nextjs-starter, nextjs-template, react, typescript
• Language: TypeScript
• Homepage: https://blogify-ten.vercel.app/
• Size: 3.41 MB
• Stars: 23
• Watchers: 0
• Forks: 12
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-nextjs - Blogify - Blogify is an open-source nextjs blog template design with tailwind CSS. (Next.js blog template)

README

        
# Getting Started

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

## Demo

### Home page

![Home page](/demo/home.png)

### List page

![Home page](/demo/list.png)

### Reading page

![Reading page](/demo/reading.png)

### Tag page

![Tag page](/demo/tag.png)

### Project folder

```bash

.

├── 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

```bash

## 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