Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cccwon2/panda-market-next
panda-market, next.js/app router, tailwind css, vercel
https://github.com/cccwon2/panda-market-next
approuter nextjs nextjs14 tailwind tailwindcss vercel
Last synced: 2 days ago
JSON representation
panda-market, next.js/app router, tailwind css, vercel
- Host: GitHub
- URL: https://github.com/cccwon2/panda-market-next
- Owner: cccwon2
- License: mit
- Created: 2024-09-18T09:47:02.000Z (5 months ago)
- Default Branch: dev
- Last Pushed: 2024-09-24T06:49:56.000Z (5 months ago)
- Last Synced: 2024-12-20T04:08:49.842Z (about 2 months ago)
- Topics: approuter, nextjs, nextjs14, tailwind, tailwindcss, vercel
- Language: TypeScript
- Homepage: https://panda-market-next.vercel.app
- Size: 2.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# FE Weekly Mission
이 프로젝트는 [Next.js](https://nextjs.org)를 기반으로 만들어진 주간 미션 프로젝트입니다.
## 시작하기
먼저, 개발 서버를 실행하세요:
```bash
npm run dev
# 또는
yarn dev
# 또는
pnpm dev
```
브라우저에서 [http://localhost:3000](http://localhost:3000)을 열어 결과를 확인하세요.
`app/page.tsx` 파일을 수정하여 페이지 편집을 시작할 수 있습니다. 파일을 수정하면 페이지가 자동으로 업데이트됩니다.
## 사용된 기술 스택
- [Next.js](https://nextjs.org/) - React 기반의 웹 애플리케이션 프레임워크
- [React](https://reactjs.org/) - 사용자 인터페이스 구축을 위한 JavaScript 라이브러리
- [TypeScript](https://www.typescriptlang.org/) - JavaScript의 정적 타입 검사 확장
## 주요 의존성
- react: ^18
- react-dom: ^18
- next: 13.5.6
## 개발 의존성
- typescript: ^5
- @types/node: ^20
- @types/react: ^18
- @types/react-dom: ^18
- eslint: ^8
- eslint-config-next: 13.5.6
## 스크립트
- `npm run dev`: 개발 서버 실행
- `npm run build`: 프로덕션용 빌드
- `npm run start`: 프로덕션 모드로 서버 실행
- `npm run lint`: 린트 실행
## 더 알아보기
Next.js에 대해 더 자세히 알아보려면 다음 리소스를 참조하세요:
- [Next.js 문서](https://nextjs.org/docs) - Next.js의 기능과 API에 대해 알아보세요.
- [Next.js 학습](https://nextjs.org/learn) - 대화형 Next.js 튜토리얼을 체험해보세요.
[Next.js GitHub 저장소](https://github.com/vercel/next.js)도 확인해 보세요.
## 배포
Next.js 앱을 배포하는 가장 쉬운 방법은 Next.js의 제작자가 만든 [Vercel 플랫폼](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme)을 사용하는 것입니다.
자세한 내용은 [Next.js 배포 문서](https://nextjs.org/docs/app/building-your-application/deploying)를 확인하세요.