inflearn logo
inflearn logo

Next.jsใƒžใ‚นใ‚ฟใƒผใ‚ฏใƒฉใ‚น๏ผšPart 2 - ใƒ•ใƒซใ‚นใ‚ฟใƒƒใ‚ฏใ‚ขใƒผใ‚ญใƒ†ใ‚ฏใƒใƒฃใจใƒ•ใƒฌใƒผใƒ ใƒฏใƒผใ‚ฏๆทฑๅŒ– (Server Actionsใ€ใ‚ญใƒฃใƒƒใ‚ทใƒฅ้ฉๅ‘ฝใ€้ซ˜ๅบฆใชใƒซใƒผใƒ†ใ‚ฃใƒณใ‚ฐ)

ๅ˜ใซ็”ป้ขใ‚’ๆ็”ปใ™ใ‚‹ใ ใ‘ใงใชใใ€ใ€Œๆœฌๅฝ“ใฎใ‚ทใ‚นใƒ†ใƒ ใ€ใซใคใ„ใฆๆ‚ฉใ‚“ใ ใ“ใจใฏใ‚ใ‚Šใพใ™ใ‹๏ผŸ ๅคšใใฎ้–‹็™บ่€…ใŒๅ…ฑ้€šใ—ใฆ็›ด้ขใ™ใ‚‹ๆœฌๅฝ“ใฎๅ•้กŒใฏๅˆฅใซใ‚ใ‚Šใพใ™ใ€‚่ฆ‹ใŸ็›ฎใฏใใ‚Œใชใ‚Šใชใฎใซใ€ใƒ‡ใƒผใ‚ฟใฎๅŒๆœŸใฏ้ ป็นใซ็‹‚ใ„ใ€้€Ÿๅบฆใฏ้…ใใ€ๆฉŸ่ƒฝใŒๅฐ‘ใ—่ฟฝๅŠ ใ•ใ‚ŒใŸใ ใ‘ใงใฉใ“ใ‹ใ‚‰ๆ‰‹ใ‚’ใคใ‘ใ‚Œใฐใ„ใ„ใ‹ๅˆ†ใ‹ใ‚‰ใชใใชใ‚‹ใ€Œๅฝใฎใƒ•ใƒซใ‚นใ‚ฟใƒƒใ‚ฏใ€ใฎ้™็•Œใงใ™ใ€‚ใ“ใ‚Œใฏๅ˜ใซNext.jsใฎๆฉŸ่ƒฝใ‚’ใ‚‚ใ†ไธ€ใค่ฆšใˆใ‚‹ใ ใ‘ใง่งฃๆฑบใงใใ‚‹ๅ•้กŒใงใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚ ๆœฌ่ฌ›็พฉใงใฏใ€ใ“ใฎใ‚‚ใฉใ‹ใ—ใ•ใ‚’ๆ นๆœฌใ‹ใ‚‰่งฃๆฑบใ—ใพใ™ใ€‚ๆฉŸ่ƒฝใ‚’็พ…ๅˆ—ใ™ใ‚‹็™พ็ง‘ไบ‹ๅ…ธใฎใ‚ˆใ†ใชๆŽˆๆฅญใฏ้€€ๅฑˆใงใ™ใ‚ˆใญ๏ผŸ ใใฎไปฃใ‚ใ‚Šใซใ€ใ‚ณใƒณใƒ”ใƒฅใƒผใ‚ฟใ‚ตใ‚คใ‚จใƒณใ‚น๏ผˆCS๏ผ‰ใฎๆ นๆœฌ็š„ใชๅŽŸ็†ใจNext.jsใฎ้ซ˜ๅบฆใชใ‚ขใƒผใ‚ญใƒ†ใ‚ฏใƒใƒฃใ‚’ๅฏ†ๆŽฅใซ็ตๅˆใ•ใ›ใพใ—ใŸใ€‚ๆ•ฐ็™พไธ‡ไบบใ‚‚ใฎใƒˆใƒฉใƒ•ใ‚ฃใƒƒใ‚ฏใŒ้›†ไธญใ—ใฆใ‚‚ๆŸ”่ปŸใซ่€ใˆๆŠœใใ€ใƒ‡ใƒผใ‚ฟใฎๆ•ดๅˆๆ€งใ‚’ๅฎŒ็’งใซ็ถญๆŒใ™ใ‚‹ใ‚จใƒณใ‚ฟใƒผใƒ—ใƒฉใ‚คใ‚บ็ดšใฎ่จญ่จˆ่ƒฝๅŠ›ใ‚’ใ€ใ‚ใชใŸใฎๆŒ‡ๅ…ˆใซ็›ดๆŽฅ็งปๆคใ—ใพใ™ใ€‚

20ๅ ใŒๅ—่ฌ›ไธญใงใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

JavaScript
JavaScript
React
React
Next.js
Next.js
frontend
frontend
backend
backend
JavaScript
JavaScript
React
React
Next.js
Next.js
frontend
frontend
backend
backend

ใŠ็Ÿฅใ‚‰ใ›

ๆ–ฐใ—ใ„ใŠ็Ÿฅใ‚‰ใ›ใŒใ‚ใ‚Šใพใ›ใ‚“ใ€‚

ๆœŸ้–“้™ๅฎšใ‚ปใƒผใƒซ

๏ฟฅ3,216

74%

๏ฟฅ12,506