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

https://github.com/reekrajroy/smit-s-nest

Web Blogging Application
https://github.com/reekrajroy/smit-s-nest

graphcms grpahql nextjs reactjs tailwindcss

Last synced: 2 months ago
JSON representation

Web Blogging Application

Awesome Lists containing this project

README

        

# Welcome ๐Ÿ™ to
Screenshot 2022-02-13 at 1 11 38 PM

A blogging web application for all SMITians:)

# Preview ๐Ÿ‘€

https://user-images.githubusercontent.com/55712612/153744243-9a9afb04-c145-4d30-9861-fe705a94389e.mov

# Demo ๐Ÿ•น๏ธ
Try Demo version here ๐Ÿ‘‰ [SMIT's Nest๐ŸŽ“](https://smit-s-nest.vercel.app/)
# Bulit ๐Ÿ› ๏ธ Using
Screenshot 2022-02-13 at 1 15 57 PM Screenshot 2022-02-13 at 1 16 17 PM Screenshot 2022-02-13 at 1 16 42 PM Screenshot 2022-02-13 at 1 17 06 PM Screenshot 2022-02-13 at 1 17 41 PM
# Working ๐Ÿ’ก
โ€ข The project is built entirely on React.js and supports Pre-Rendering with Static-Site-Generation which has been implemented using Next.js. The modern UI has been designed with the help of Tailwind CSS.

โ€ข Most of our work will is established using GraphCMS and GraphQL respectively. GraphQL is a query language using which we can create schemas, and models and retrieve data by firing graphql queries. GraphCMS on the other hand is a Content Management System (CMS) using which the users can post content on the site. All the posts and comments are moderated based on administrator permission.

# Features ๐ŸŽ‰
๐ŸŸก Featured, related and recent posts.

๐ŸŸก Categories section.

๐ŸŸก Full markdown articles.

๐ŸŸก Author information.

๐ŸŸก Moderated user comments.

๐ŸŸก Mobile responsive.

# Setting up the enviornment ๐Ÿš€
(1) Clone this repository

``https://github.com/REEKRAJROY/SMIT-s-Nest.git``


(2) Change the working directory

``cd project_graphql_blog-main``


(3) Install dependencies

``npm install``


(4) Run the web application

``npm run dev``


The application will start at [http://localhost:3000/](http://localhost:3000/).

# Frameworks and dependencies used ๐Ÿงฎ
``npx create-next-app -e with-tailwindcss ./ ``

``npm install graphql graphql-request html-react-parser moment react-multi-carousel sass``