Nextjs github page example typescript

Overview

nextjs-github-page-example-typescript

This project is update from old project old project

Update:

  • Javascript -> Typescript
  • Using Redux
  • Add skeleton

This is a Next.js project for simulating Github user and repository page using by github API.

Demo

https://nextjs-github-page-example-typescript.vercel.app/

Category:

  • Homework (for 2022 Dcard frontend intern :P)

Overview

This project can visit any user or repository page of Github resource.

  • Mobile

  • Desktop

Developement/Testing Env

OS

  • MacOS 12.2.1

Developing Language

  • Typescript 4.6.2

Framework

  • React 17.0.2
  • Next.js 12.1.0
  • semantic-ui 2.1.1

Getting Started

git clone https://github.com/jianan1104/nextjs-github-page-example-typescript.git
cd nextjs-github-page-example-typescript
npm install
npm run dev

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

To do

  • Add input to search user or repository
You might also like...

Minimal Typescript / NextJS dApp template bootstrapped with wagmi Ethereum react hooks library.

Welcome to the NextJS wagmi starter template 👋 Looking to get up and running with a Typescript / NextJS dApp as quickly as possible? You're in the ri

Jan 4, 2023

converts nuggies to usd and usd to nuggies for a variety of restaurant chains. Also includes a rest api. Built using NextJS and TypeScript

Prices All prices are currently based on the 4-piece from the respective chain or the equivalent lowest amount of nuggies. Plan is to add multiple pri

Jan 14, 2022

🌕 Frontend for Mangatsu server Written in TypeScript using Nextjs

🌑 Frontend for Mangatsu Server (a storage for doujinshi, manga & other collections). Written in TypeScript using Nextjs.

Nov 4, 2022

Authentication, Permissions and Payload Rules with Nextjs using ReactJ with Typescript

Authentication, Permissions and Payload Rules with Nextjs using ReactJ with Typescript

Auth with Next.js 💬 About Authentication, Permissions and Payload Rules with Nextjs using ReactJS with Typescript 🚧 Status Finished project ✅ ✅ Feat

Dec 7, 2022

next-gql-dogs code for the NextJS + GraphQL + Typescript Blueprint video

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Nov 26, 2022

Ecommerce criado com NextJS e Typescript (Em andamento)

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jun 3, 2022

A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more.

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of this is taught in this course. What is inside? This project uses lot of

Dec 4, 2022

TypeScript + Nextjs + Tailwind = TNT🧨 (plus Prettier and ESLint configuration).

TypeScript + Nextjs + Tailwind => TNT🧨 (plus Prettier and ESLint configuration).

Bye bye next boilerplate, welcome to TNT! About This is TNT, Nextjs boilerplate powered by Typescript, Tailwind. This template also has customized ESL

Aug 7, 2022

Student reviews for OMS courses. Built with NextJS and Typescript. Backed by Sanity CMS. Deployed on Vercel.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dec 3, 2022
The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Matt Gombos 12 Nov 15, 2022
A minimal norui portfolio example built with NextJS and powered by Notion 🚀.

Minimal Norui A minimal norui portfolio example built with NextJS and powered by Notion ?? . Links Demo Site Documentation Minimal Norui Notion Databa

Joeylene Rivera 4 Nov 13, 2022
NextJS with GraphQL using type-graphl and graphql-codegen adoptable dogs example code

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jack Herrington 2 Mar 31, 2022
Example-browserstack-reporting - This repository contains an example of running Selenium tests and reporting BrowserStack test results, including full CI pipeline integration.

BrowserStack reporting and Selenium test result example This repository contains an example of running Selenium tests and reporting BrowserStack test

Testmo 1 Jan 1, 2022
Example auto-generated OpenAPI client library and an accompanying example Angular app.

To utilize this demo Head into petstore_frontend\petes_pets Run npm install Go to frontend_client_lib\out Run npm install Head back into petstore_fron

Alan Gross 1 Jan 21, 2022
This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.

Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate

Unnati Bamania 22 Oct 5, 2022
Portfólio desenvolvido com NextJs e integrado com GraphCms e api do Github.📁

?? Portfolio (Bio) Aplicação JamStack desenvolvida com NextJs integrado ao GraphCms. ?? Projeto | Tecnologias | Rodar Aplicação | Bibliotecas | Licenç

Tiago Pierre de Mendonça 3 Jun 22, 2022
✨ View all of your GitHub stats and compare your stats with friends, made using nextjs and tailwind.

Octotastic All of your GitHub Stats in one place. Features: View your own stats or any other user's stats. View advanced stats using graphs and charts

ashish 10 Sep 6, 2022
Portfólio desenvolvido com NextJs e integrado com GraphCms e api do Github.📁

?? Portfolio (Bio) Aplicação JamStack desenvolvida com NextJs integrado ao GraphCms. ?? Projeto | Tecnologias | Rodar Aplicação | Bibliotecas | Licenç

Tiago Pierre de Mendonça 3 Apr 26, 2022
Builder.io + Shopify Hydrogen - headless visual page building example

Builder.io + Shopify Hydrogen - headless visual page building example Example repo using Builder.io for drag and drop page building with Shopify hydro

Builder.io 49 Oct 30, 2022