Next.js 그거 어떻게 하는 건데.

Next.js

Next.js

GitHub Copilot
TikTok

Why Next.js

  1. Image Optimization
  2. Zero Config
  3. Hybrid: SSG and SSR
  4. TypeScript Support
  5. File-system Routing
  6. API Routes
  7. Code-splitting and Bundling

내가 느꼈던 Next.js

Deploy

30초 컷
vercel pricing

File System based Routing

/pages/orders/thanks.tsx
주문하신 경로에 페이지 배달이 완료되었습니다.

API Routes

/pages/api/hello.ts

Pre-rendering

Client only SPAs (source: https://bit.ly/2XNTW5s)
Statically exported sites (source: https://bit.ly/2XNTW5s)
Static Generation (source: https://nextjs.org/learn/basics/data-fetching/two-forms)
/pages/api/products.tsx
/pages/api/products.tsx
Server-side Rendering (source: https://nextjs.org/learn/basics/data-fetching/two-forms)
/pages/api/products/[id].tsx
/pages/index.tsx
/pages/index.tsx

마무리하며

vercel/next.js
roadmap.sh

References

--

--

--

a beginner, always.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Woosik Kim

Woosik Kim

a beginner, always.

More from Medium

😱 Static HTML Export with i18n compatibility in Next.js 😱

NextAuth Part 3— Add firebase adapter in NextAuth

[Nextjs Tip] How to resize image URL dynamically with next/image component

How to add an image in next.js?

How to add an image in next.js By Rajdeep Singh