Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frontendweb3/open-blog
Open blog temaple to build a blog with nextjs, tailwind css
https://github.com/frontendweb3/open-blog
nextjs nextjs-blog nextjs-blog-template nextjs-template react tailwindcss
Last synced: 3 days ago
JSON representation
Open blog temaple to build a blog with nextjs, tailwind css
- Host: GitHub
- URL: https://github.com/frontendweb3/open-blog
- Owner: frontendweb3
- Created: 2023-03-08T11:02:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-24T09:09:02.000Z (11 months ago)
- Last Synced: 2024-10-29T05:35:02.675Z (10 days ago)
- Topics: nextjs, nextjs-blog, nextjs-blog-template, nextjs-template, react, tailwindcss
- Language: TypeScript
- Homepage: https://open-blog-beta.vercel.app
- Size: 2.95 MB
- Stars: 37
- Watchers: 0
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-nextjs - Open Blog - Open blog is a blogging template built with nextjs, tailwind CSS and markdown. (Nextjs based Template)
README
OpenBlog is open source template is design and built with nextjs and tailwind CSS.
## Getting Started
```bash
# clone the repository
git clone https://github.com/frontendweb3/open-blog.git
# change the directory
cd open-blog
# install packages with pnpm or npm or yarn.
pnpm install
# or
npm install
# or
yarn install
```
Then, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Folder Structure
```bash
.
├── components
│ ├── Card.tsx
│ ├── Footer.tsx
│ ├── Header.tsx
│ ├── Layout.tsx
│ ├── Newsletter.tsx
│ ├── Pagination.tsx
│ ├── Search.tsx
│ └── useFuse.ts
├── data
│ └── posts.ts
├── next.config.js
├── next-env.d.ts
├── package.json
├── pages
│ ├── 404.tsx
│ ├── _app.tsx
│ ├── authors
│ ├── _document.tsx
│ ├── index.tsx
│ ├── read
│ │ └── [slug].tsx
│ └── tags
│ └── [slug].tsx
├── pnpm-lock.yaml
├── postcss.config.js
├── public
│ ├── favicon.ico
│ ├── images
│ │ ├── android.jpg
│ │ ├── blog-2.jpg
│ │ ├── camera.jpg
│ │ ├── computer.jpg
│ │ ├── health.jpg
│ │ ├── ios.jpg
│ │ ├── photographer.jpg
│ │ ├── smartphone.jpg
│ │ ├── software-developer.jpg
│ │ ├── technology.jpg
│ │ └── vegetables.jpg
│ ├── moon.jpg
│ ├── next.svg
│ ├── thirteen.svg
│ └── vercel.svg
├── README.md
├── styles
│ └── globals.css
├── tailwind.config.js
├── tsconfig.json
└── type.d.ts
```