1. Next.js 프로젝트 생성

Create a new Next.js application

npx create-next-app@latest pixel-and-logic

image.png

⚙️ 옵션 선택 내용 및 설명

항목 선택 설명
TypeScript ✅ Yes 정적 타입 지원으로 코드 안정성 향상
ESLint ✅ Yes 문법 오류 및 코드 스타일 검사 도구
Tailwind CSS ✅ Yes 유틸리티 기반 CSS 프레임워크
src 디렉토리 사용 ✅ Yes 소스코드를 /src 폴더로 분리해 구조 명확화
App Router ❌ No pages 라우팅 시스템 사용
Turbopack ✅ Yes Webpack보다 빠른 차세대 번들러
import alias 설정 ✅ Yes (@/*) @/components/... 식으로 간단하게 경로 작성 가능

🚀 프로젝트 실행

프로젝트 폴더로 이동 후 개발 서버 실행

image.png

2. Github 레포지토리 연동

✅ Create a new repository


🔗 원격 저장소(repository) 연결