Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bhimrazy/b-for-blog

A web app for simple blog made with NextJs and tailwindcss.
https://github.com/bhimrazy/b-for-blog

nextjs reactjs tailwindcss vercel

Last synced: about 22 hours ago
JSON representation

A web app for simple blog made with NextJs and tailwindcss.

Awesome Lists containing this project

README

        

![Logo](/public/logo.svg)

# **B FOR BLOG**

## A web app for simple blog made with NextJs and tailwindcss.

- [What is this?](#what-is-this)
- [Features](#features)
- [Setup](#setup)
- [Demo](#demo)
- [Deploy your own](#deploy-your-own)
- [Notes about this app](#notes-about-this-app)
- [Interesting things to try](#interesting-things-to-try)
- [Built by (A-Z)](#built-by-a-z)
- [License](#license)

## What is this?

This is a web app built with NextJs,TailwindCSS,firebase and Redis.This talk includes a walkthrough of the demo code and highlights key points of how Server Components work and what features they provide.

## Features

- Landing page
- Login Functionality
- Dashboard

## Setup

You will need to have nodejs >=14.9.0 in order to run this demo. [Node 14 LTS](https://nodejs.org/en/about/releases/) is a good choice!

```
npm install
npm run dev
```

(Or `npm run build` for a production build.)

## Demo

![Landing Page](/public/landing.png)
![Dashboard Image](/public/dashboard.png)
![Test Dashboard Image](/public/b-for-blog.png)

## Deploy your own

Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/bhimrazy/b-for-blog)

## Notes about this app

The app is a blog creating app called **B For Blog**. It consists of a few major parts:

- It uses NextJS and TailwindCSS as it's main component.
- A Vercel serverless api that:
- Serves API endpoints used in the app

### Interesting things to try

- Add some interesing features like comments,etc.

## Built by (A-Z)

- [Bhimraj Yadav](https://twitter.com/bhimrazyadav)

## License

This demo is MIT licensed.