Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Next.js는 정말 zero config였다.
Search
RIDI
April 11, 2019
Programming
0
2.1k
Next.js는 정말 zero config였다.
RIDI
April 11, 2019
Tweet
Share
More Decks by RIDI
See All by RIDI
원격 근무 팀 운영 경험 공유
ridi
0
2.2k
SVG Icon Design Guide
ridi
2
3.8k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
5k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
440
원격으로 한 달 일해보니
ridi
0
1.4k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.7k
UI 라이브러리 개발기
ridi
1
2.6k
테스트 환경 개선하기
ridi
8
3.5k
추천 API 최적화하기
ridi
4
2.1k
Other Decks in Programming
See All in Programming
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
0
700
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
220
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
430
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
600
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
110
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.8k
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
570
PicoRuby on Rails
makicamel
2
120
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
320
Team operations that are not burdened by SRE
kazatohiei
1
290
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Automating Front-end Workflow
addyosmani
1370
200k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Building an army of robots
kneath
306
45k
Agile that works and the tools we love
rasmusluckow
329
21k
Practical Orchestrator
shlominoach
188
11k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
GraphQLとの向き合い方2022年版
quramy
49
14k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Designing Experiences People Love
moore
142
24k
Transcript
Next.jsח ݈ zero-config. 2019֙ 4ਘ 11ੌ ѐߊࣃఠझೖ © RIDI Corp.
҅ ӣӔ
2 Next.jsо ޥо? Next.jsח ݈ zero-config. SSRਸ ӝࠄਵ۽ ೞח React
ۨਕ
3 Next.jsо ޥо? Next.jsח ݈ zero-config. ۨਕ ѱ নೠ ӝמ
ನೣೞҊ, zero-configܳ ೱೠ.
4 Next.jsо ޥо? Next.jsח ݈ zero-config. ਢ ղ ࢲী ѐߊೞݶࢲ
SSRਸ ਗೞѱ عणפ.
5 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 1. zero-config ѐߊࢲߡ
6 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 1. zero-config ۽؋࣌
࠽٘
7 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 1. zero-config ۽؋࣌
ࢲߡ
8 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 2. ೂࠗೠ ӝמ
- Populating Head(react-helmet) - Routing (react-router, react-redux-router) - Link Component - HOC (inject Router) - Programmatic Routing - Prefetching Page - Export for static page - ١١١
9 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
Typesciptی ॳҊ रؘਃ?
10 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
Typesciptی ॳҊ रؘਃ?
11 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
SSR நद ೞҊ रؘ…
12 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
SSR நद ೞҊ रؘ…
13 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
Ӓ ৻ীب নೠ ઁ৬ ۄ࠳۞ܻٜ غҊ . mobx, emotion, apollo ١١
14 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 4. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋইب غח ҳઑ
15 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(SSR) ݅ড, SSRਸ ՍҊ CSR۽ ೞҊ रਵݶ যڌѱ ೞભ??
16 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(SSR) ݅ড, SSRਸ ՍҊ CSR۽ ೞҊ रਵݶ যڌѱ ೞભ?? Ӓ۠ ӝמ হणפ…. Next.jsח CSR Only۽ ೡ ࣻо হযਃ. ࢚కо হח ࢎۄݶ оמ
17 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) ۄ ߑधਸ ߄ԲҊ रযਃ.
18 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) Next.js ۄ ߑध
19 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) Parameterܳ pathী ֍যঠೡٸח..? Server Client
20 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) ѾҴ ੌ߬झ ӝמਸ ࠗ ՍҊ ࣻزਵ۽ ҙܻ೧ঠ ೠ. ܲ ߑधਸ ખ ইࠌחؘ হ :\
21 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ
22 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ Ӕؘ ঌইঠ غݶ??
23 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ
24 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ
25 Ѿۿ Next.jsח ݈ zero-config. - Zeitۄח ഥࢎীࢲ ݈ ৌब
ҙܻೠ. - ࢤక҅ ೂࠗೞҊ ۞ ழ࠳ب ծ ಞ. SSR ҃ হਸ ٸ بੑ೧ঠೞݶ Ҋ۰ೡ݅ೞ. - ஂೱਸ ఋח ҳઑо ઓೠ. Ӓؘ۠ ӒѦ ஂೱী ݏѱ ࣻೡ ࣻо হ. - zero-configۄࢲ ழझథೡ ࣻ ח Ѫب zero-config. - ೠߣ ೧ࠌҊ “ ҳഅೞח Ѫب જ ঋਸө”ۄח ࢤп ٚ.
26 Q & A
27 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ಕ SSR
റࠗఠח CSR۽ ജػ.
28 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. Next.js exportӝמਸ ࢎਊ೧ࢲ
࠼ index.html ಕܳ ݅ٚ
29 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ࠼ ಕܳ ٜ݅যࢲ
ݽٚ URIܳ ࠼ಕ۽ োѾदఅ. with s3, cloudfront
30 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ࠼ ಕী ٜযоݶ
pathܳ ੍য ৢ߄ܲ ಕ۽ redirectೠ.
31 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ܼ ൔ
32 THANK YOU хࢎפ