https://github.com/romantech/awesome-food-store

건대 커먼그라운드 맛집 모음
https://github.com/romantech/awesome-food-store

List: awesome-food-store

ant-design nextjs react tailwindcss

Last synced: 4 months ago
JSON representation

건대 커먼그라운드 맛집 모음

• Host: GitHub
• URL: https://github.com/romantech/awesome-food-store
• Owner: romantech
• Created: 2022-02-04T14:53:20.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-05-10T01:43:53.000Z (about 2 years ago)
• Last Synced: 2024-05-21T17:05:32.614Z (about 2 years ago)
• Topics: ant-design, nextjs, react, tailwindcss
• Language: JavaScript
• Homepage: http://awesome-food-store.vercel.app
• Size: 2.36 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 커먼그라운드 맛집 모음

![awesome-food-store](https://user-images.githubusercontent.com/8604840/153662986-e44c4d6a-6fe0-41a2-8848-187365048db3.gif)

> _NextJS를 이용해 만든 건대 커먼그라운드 맛집 미니 프로젝트입니다_

- Live Demo : [awesome-food-store.vercel.app](https://awesome-food-store.vercel.app)

- 작업 기간 : 4일 (리팩토링 기간 제외)

# 사용 스택 / 라이브러리

- React + NextJS

- Tailwind CSS + ClassNames

- Ant Design

- JSON Server (fake REST API)

- Next Use Contextual Routing

# 프로젝트 특징

- Route as Modal (Instagram style modal routing)

  - 모달 창에 동적 라우팅 적용

  - 사이트 첫 진입이 모달 경로 일 때도 동적 라우팅 적용

- Static Generation (Pre-rendering)

- Dynamic/Shallow Routing, Dynamic Title

- Loading spinner on page transition

- Typewriter effect using Generator API on the About page

# 프로젝트 목적

- NextJS 스터디 / 실습

- 인스타그램 스타일 모달 라우팅 구현