shal0mdave / nextjs-graphcms

This project demonstrates how to query from GraphCMS with Apollo Client in Next.js. πŸ§‘β€πŸš€πŸš€

Home Page:https://nextgraphify.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introduction

Hello there! Welcome to this exciting little virtual space I created. I've put in some time to create content that will briefly walk you through the JAMStack architecture and help you build your own apps. Let's get this show started!



Technologies

GraphCMS Logo

GraphCMS

This is our data powerhouse. GraphCMS is a very powerful and yet easy to use Headless CMS with tons of useful options to support different projects.

Next.js Logo

Next.js

An amazing React framework that straps everything together, providing us with all the necessary dependencies and project configurations to start coding right away.

Aspollo Client Logo

Apollo GraphQL Client

Of course, I was not going to build a Jamstack project and leave out our beloved Apollo GraphQL client library, nope! I love the way this thing works.

Bootstrap Logo

Bootstrap

We cannot deny the simplicity that Boostrap brings to Frontend work. Well... Some of us can deny that, but who cares? I installed and used Bootstrap 5 on this project.

Bootstrap Logo

Sass

There are lots of reasons why Sass is referred to as CSS with superpowers. You might find a few if you have a look into root/styles directory.

Bootstrap Logo

Vercel

Last but not the least... Can you take a guess on where this beautiful piece of work was deployed? That is right, Vercel!

Getting Started

First, install dependencies:

npm i
# or
yarn

Then run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Learn More About Next.js Here

To learn more about Next.js, take a look at the following resources:

Special Thanks To

Vercel for sponsoring this project's hosting

Deploy with Vercel

GraphCMS for sponsoring this project's CMS

Deploy with Vercel

About

This project demonstrates how to query from GraphCMS with Apollo Client in Next.js. πŸ§‘β€πŸš€πŸš€

https://nextgraphify.vercel.app/

License:MIT License


Languages

Language:JavaScript 54.8%Language:SCSS 45.1%Language:Shell 0.1%