Next.js Github Expolorer

Github Explorer Next.js version

Visit the App »

Intro

This project was bootstrapped with Next.js.
Similar to Github Explorer but with more implementation of server side rendering.

Demo

You counld also try the real app here. 👉🏻 https://nextjs-github-explorer.vercel.app/

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

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

Features

In addition to the features of original features, here also have...

Server Side Rendering

In order to make repo page have better SEO and latest data. I use SSR to generate repo page.

If you enter the repo page from the list view, it will be opened by the modal route which is client side rendering. The user experience will not be interrupted by a short request time for switching ssr pages. 👏🏻

Hydrate the QueryClient 💦

Dehydrate the state from server side, prevent data refetching after enterng ssr page.

Improving code readability with Path Aliases ✨

With path aliases you can declare aliases that map to a certain absolute path in your application.

Build With

• Next.js
• TypeScript
• styled-components
• react-window
• react-query

Code Quality

• ESLint
• Prettier
• Husky