Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/frontendweb3/blogify
- Owner: frontendweb3
- License: mit
- Created: 2023-01-11T06:46:09.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-05T00:26:25.000Z (4 months ago)
- Last Synced: 2024-10-29T05:34:59.903Z (about 1 month 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. (Nextjs based 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.lock9 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