Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 1 month ago
JSON representation

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

Awesome Lists containing this project

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