Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Next.js で SPA を構築する際の辛み

Next.js で SPA を構築する際の辛み

https://mierune.connpass.com/event/309293/ で発表した内容です

Hayato Watanabe

February 27, 2024
Tweet

More Decks by Hayato Watanabe

Other Decks in Programming

Transcript

  1. ͳͥ/FYUKTΛબΜͩͷ͔ w3FBDU͸ プ ϩ ダ Ϋγϣϯ グ Ϩʔ ド ͷ։ൃ

    で ϑϨʔϜϫʔΫͷ࠾༻Λਪ঑͍ͯ͠Δ wIUUQTKBSFBDUEFWMFBSOTUBSUBOFXSFBDUQSPKFDU w/FYUKT͸ଞͷϑϨʔϜϫʔΫͱൺֱ͠γΣΞ͕ѹ౗త wIUUQTOQNUSFOETDPNHBUTCZWTOFYUWTSFNJY w/FYUKTͷυΩϡϝϯτಡΜͩײ͡41"΋͍͚ͦ͏٩ ᐛ و • Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. wIUUQTOFYUKTPSHEPDTBQQCVJMEJOHZPVSBQQMJDBUJPOEFQMPZJOHTUBUJDFYQPSUT
  2. /FYUKTͰ41"Λߏங͢ΔࡍͷਏΈ wCMPH<JE>ͷΑ͏ͳಈత パ ϥϝʔλͷऔಘ w/FYUKT"1*ͷ੍໿ʹΑΓϏϧυ࣌ʹಈత パ ϥϝʔλΑΔ デ ʔλΛऔಘ͢Δඞཁ͋Γ wIUUQTOFYUKTPSHEPDTBQQCVJMEJOHZPVSBQQMJDBUJPOSPVUJOHEZOBNJD

    SPVUFTHFOFSBUJOHTUBUJDQBSBNT w41"͕ѻ͏σʔλͷߋ৽ස౓͕Ϗϧυස౓ΑΓߴ͍৔߹ɺσʔλߋ৽ͷͨΊʹϏϧυ ͱ࠶σϓϩΠ͕ඞཁʜ🥺 %ZOBNJD3PVUJOH͕Ϣʔεέʔεʹ߹Θͳ͍