Next.js gives you the best developer experience with all the features you
need for production: hybrid static & server rendering, TypeScript support,
smart bundling, route pre-fetching, and more. No config needed.
Client Side Rendering
• ॳظඳըͷύϑΥʔϚϯε͕Ͱͳ͍
• JavaScriptΛ࣮ߦ͠ͳ͍ΫϥΠΞϯτʹऑ͍ʢOGP, SEOʣ
Slide 37
Slide 37 text
ͦ͜ͰPre Rendering
• αʔόʔͰHTMLΛ࡞ͬͯฦ͢
→ Server Side Rendering
• ͋Β͔͡ΊHTMLΛ࡞͓͍ͬͯͯฦ͢
→ Static Site Generation
Slide 38
Slide 38 text
࣮ɺӡ༻͕࠷γϯϓϧɻύϑΥʔϚϯεOGPΛؾʹ͠ͳ͍Ͱ͍͍έʔεͰબͿ
ύϑΥʔϚϯε࠷ڧɻ੩తʹੜͰ͖ͯύϑΥʔϚϯεʹͩ͜ΘΓ͍ͨέʔεͰ͜Ε
੩తʹੜ͢Δͷແཧ͚ͩͲॳظඳըͷύϑΥʔϚϯεOGP୲อ͍ͨ͠߹ʹ࠷ऴతʹબͿɻ
ͦ͏͍͏έʔεͦΕͳΓʹ͋Δ🥲
Client Side Rendering
Static Site Generation
Server Side Rendering
※ Incremental Static Regeneration ͱ͍͏ͷ͋Δ͚Ͳ࣌ؒͷ߹ͰׂѪ