Nextjs, Typescript, GraphQL, Apollo Client

Over this year, Next.js has gained more and more popularity. It's a fantastic framework, and I love working on the Next.js projects.

UI

I build an attractive and nice dashboard. Some important componets are.

Sidebar: Important part of the UI to verify navigation. See more...

Danymic routes

Defining routes by using predefined paths is not always enough for complex applications. In Next.js you can add brackets to a page ([param]) to create a dynamic route (a.k.a. url slugs, pretty urls, and others). More..

Pre-Rendering

GraphQL with Apollo-Client

Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI. Read more...

To Run (in development)

Run the following command if dependencies are not install
```
  npm install
```
To start the server
```
  npm run dev
```

Technology used

Nextjs v12
GraphQL v16
apollo/client v3
react-icons v4

mrfaiz/nextjs-typescript-postgresql-qraphql-apollo