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
450
원격으로 한 달 일해보니
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
テスト駆動Kaggle
isax1015
1
650
Goで作る、開発・CI環境
sin392
0
260
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
9.7k
PipeCDのプラグイン化で目指すところ
warashi
1
310
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
200
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
130
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
280
Deep Dive into ~/.claude/projects
hiragram
14
14k
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
200
Hack Claude Code with Claude Code
choplin
7
2.6k
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
140
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
420
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
990
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Building Applications with DynamoDB
mza
95
6.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Language of Interfaces
destraynor
158
25k
Done Done
chrislema
184
16k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
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 хࢎפ