Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ashgole/blogging_website_nextjs

This is a blogging website built to provide a seamless experience for reading and managing blog posts. It features a clean and modern interface for users to browse, read, and interact with blog content. The platform supports creating, updating, and deleting blog posts, ensuring a dynamic and engaging user experience.
https://github.com/ashgole/blogging_website_nextjs

ashabb blogging-platform fullstack-development nextjs react vercel-deployment website

Last synced: about 1 month ago
JSON representation

This is a blogging website built to provide a seamless experience for reading and managing blog posts. It features a clean and modern interface for users to browse, read, and interact with blog content. The platform supports creating, updating, and deleting blog posts, ensuring a dynamic and engaging user experience.

Awesome Lists containing this project

README

        


ASHABB logo



We offer freelance web development using
MERN, NextJS and ThreeJS.

# ASHABB Blogging App using NEXTjs

### We're building a blog website with Next.js, featuring a homepage that lists multiple blog posts with short descriptions. Each post has its own dynamic page using Next.js routing. We've styled the site for a clean, responsive design and created reusable components to manage the blog content efficiently.

## Resource links

webapp : https://ashabb-myblog-nextjs.vercel.app/

Github : https://github.com/ashgole/blogging_website_NEXTjs

## Tags

`React.js` `Next.js` `Static Site Generation (SSG)` `Server-side Rendering (SSR)` `API Routes` `getServerSideProps` `getStaticProps` `Infinite Scroll` `TailwindCSS` `CSS Modules` `Axios` `CRUD Operations` `Dynamic Routing` `File System (fs)` `Edge Functions` `Vercel Deployment` `Authentication` `Error Handling` `Linking (Link)` `Environment Variables` `JSON File Handling` `Fetch API`

## Screenshots

![page 1](https://github.com/ashgole/blogging_website_NEXTjs/blob/main/screenshots/0.png)
![page 2](https://github.com/ashgole/blogging_website_NEXTjs/blob/main/screenshots/1.png)
![page 3](https://github.com/ashgole/blogging_website_NEXTjs/blob/main/screenshots/2.png)

## how to run

```
git clone https://github.com/ashgole/blogging_website_NEXTjs.git
cd blogging_website_NEXTjs
npm i
npm run dev
```