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
- Host: GitHub
- URL: https://github.com/reekrajroy/smit-s-nest
- Owner: REEKRAJROY
- License: mit
- Created: 2022-01-28T11:11:07.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-20T17:38:48.000Z (over 2 years ago)
- Last Synced: 2025-02-16T05:43:27.035Z (4 months ago)
- Topics: graphcms, grpahql, nextjs, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://smit-s-nest.vercel.app/
- Size: 3.37 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Welcome ๐ to
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![]()
![]()
![]()
![]()
![]()
# 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``