๐ Next.js ๊ธฐ์ด ๊ฐ์ข
ํ์ผ ๊ธฐ๋ฐ ๋ผ์ฐํ , ์๋ฒ/ํด๋ผ์ด์ธํธ ์ปดํฌ๋ํธ, ๋ฐ์ดํฐ ํจ์นญ, ์คํ์ผ๋ง, API Routes, ๋ฐฐํฌ๊น์ง ํต์ฌ ๊ธฐ๋ฅ์ ๋จ๊ณ๋ณ ์ค์ต์ผ๋ก ์ตํ๋๋ค.
- ๋ผ์ฐํ & ๊ตฌ์กฐ ์ดํด
- ์๋ฒ/ํด๋ผ์ด์ธํธ ์ปดํฌ๋ํธ
- ๋ฐ์ดํฐ ํจ์นญ (SSRยทSSGยทISR)
- ์คํ์ผ๋ง(SCSS)
- API Routes
- Vercel ๋ฐฐํฌ
๐ ๊ฐ์ ๋ชฉ๋ก
1๋จ๊ณ. Next.js ์ ๋ฌธ (๊ฐ๋ & ํ์ฉ ๊ธฐ์ด)
- 1-1. Next.js ์์ํ๊ธฐ + SCSS + ๊ธ๋ก๋ฒ ํฐํธ ์ธํ
- 1-2. ํ์ด์ง์ ๋ผ์ฐํ
- 1-3. ๋ฐ์ดํฐ ํจ์นญ ๊ธฐ์ด
- 1-4. ์คํ์ผ๋ง๊ณผ ๋ ์ด์์
- 1-5. ์ํ ๊ด๋ฆฌ & ์ธํฐ๋์
- 1-6. API Routes ๋ง๋ค๊ธฐ & ํด๋ผ์ด์ธํธ ์ฐ๋
- 1-7. ๋ฐฐํฌ์ ์ต์ ํ (feat. ํ์ ์๋ฌ ํด๊ฒฐ)
- 1-8. ๊ฐ๋จ ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ (๋ชฉ๋ก + ์์ธ + ์คํ์ผ๋ง + ๋ฐฐํฌ)
- 1-9. ๋ง๋ฌด๋ฆฌ ๋ฐ ๋ค์ ๋จ๊ณ