{"id":23031,"date":"2023-05-08T14:48:16","date_gmt":"2023-05-08T05:48:16","guid":{"rendered":"http:\/\/nori.company\/?p=23031"},"modified":"2023-05-08T14:48:16","modified_gmt":"2023-05-08T05:48:16","slug":"next-js-13-4-%eb%a6%b4%eb%a6%ac%ec%a6%88-app-router-%ec%95%88%ec%a0%95%ed%99%94-server-actions-alpha-%ec%b6%94%ea%b0%80","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=23031","title":{"rendered":"Next.js 13.4 \ub9b4\ub9ac\uc988 App Router \uc548\uc815\ud654, Server Actions alpha \ucd94\uac00"},"content":{"rendered":"<ul>\n<li>App Router (Stable)<\/li>\n<li>Turbopack (Beta)\n<ul>\n<li>13\uc5d0\uc11c \ucd94\uac00\ub41c Turbopack\uc774 Beta \ub2e8\uacc4\ub85c \ubcc0\uacbd<\/li>\n<li>\uc548\uc815\ud654\ubc0f \ud53c\ub4dc\ubc31\uc744 \uc704\ud574 Vercel.com \ubc0f Next.js \ub300\uaddc\ubaa8\ub85c \uc6b4\uc601\ub418\ub294 Vercel \uace0\uac1d\uc744 \ub300\uc0c1\uc73c\ub85c \ub3c4\uadf8 \ud478\ub529(dogfooding) \uc9c4\ud589<\/li>\n<\/ul>\n<\/li>\n<li>Server Actions (Alpha)\n<ul>\n<li>\ub9ac\uc561\ud2b8 \uc0dd\ud0dc\uacc4\uc5d0&#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=9130\" target=\"_blank\" rel=\"noopener\">GeekNews &#8211; \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4 <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>App Router (Stable) Turbopack (Beta) 13\uc5d0\uc11c \ucd94\uac00\ub41c Turbopack\uc774 Beta \ub2e8\uacc4\ub85c \ubcc0\uacbd \uc548\uc815\ud654\ubc0f \ud53c\ub4dc\ubc31\uc744 \uc704\ud574 Vercel.com \ubc0f Next.js \ub300\uaddc\ubaa8\ub85c \uc6b4\uc601\ub418\ub294 Vercel&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[138],"tags":[163],"class_list":["post-23031","post","type-post","status-publish","format-standard","hentry","category-it","tag-geeknews-----"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa3PO4-5Zt","jetpack-related-posts":[{"id":23015,"url":"https:\/\/nori.company\/?p=23015","url_meta":{"origin":23031,"position":0},"title":"Addy Osmani \uc758 Next.js App Router \uc640 React Server Component \uc5d0 \ub300\ud55c \uc124\uba85","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 5\uc6d4 8\uc77c","format":false,"excerpt":"Addy Osmani \uc740 \uad6c\uae00 \ud06c\ub86c\ud300 \uc18c\uc18d\uc774\uba70 TodoMVC, HNPWA \uc758 \ud504\ub85c\uc81d\ud2b8 \ud504\ub85c\ubaa8\uc158\uc744 \uc9c4\ud589\ud560 \uc815\ub3c4\ub85c Framework, \ub77c\uc774\ube0c\ub7ec\ub9ac\uc5d0 \ub300\ud574\uc11c \uc798 \ub2e4\ub8f8 RSC? \ucef4\ud3ec\ub10c\ud2b8 \ud2b8\ub9ac \uad6c\uc131\uc758 \ud544\uc218 \uc694\uc18c\ub85c \ub370\uc774\ud130 \uac00\uc838\uc624\uae30\ub97c \ud1b5\ud569\ud558\uc5ec \ucd5c\uc0c1\uc704 \ub300\uae30 \ubc0f \uc11c\ubc84 \uce21 \ub370\uc774\ud130 \uc9c1\ub82c\ud654\ub97c \uac00\ub2a5 RCS \ub294 \uc11c\ubc84\uc5d0\uc11c \uc2e4\ud589 \ub418\ub294... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":29302,"url":"https:\/\/nori.company\/?p=29302","url_meta":{"origin":23031,"position":1},"title":"Next.js 14 \ub9b4\ub9ac\uc988","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 10\uc6d4 27\uc77c","format":false,"excerpt":"Next compiler: Turbopack \uae30\ubc18, 5,000 \uc5ec\uac1c\uc758 \ud14c\uc2a4\ud2b8 \ud1b5\uacfc \uc0c1\ud0dc \uc57d 90% \uc815\ub3c4. \uac1c\ubc1c \uc11c\ubc84\uc5d0\uc11c \uc9c0\uc6d0. \uac1c\ubc1c \uc11c\ubc84\uac00 53%\uc758 \ub354 \ube68\ub77c\uc9c0\ub3c4 \uc5c5\ub370\uc774\ud2b8\ub294 94% \uc815\ub3c4 \ube68\ub77c\uc9d0 Server Actions: Next.js 13 \uc5d0\uc11c \uc18c\uac1c \ub41c Server Actions \uc758 \uc548\uc815\ud654 \ubc84\uc804 \ud3ec\ud568. \uc11c\ubc84-\ucef4\ud3ec\ub10c\ud2b8\uc5d0\uc11c \uc0c1\ud669\uc5d0 \ub530\ub77c form \uc758 action \uc774\ub098 Re... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5\u2026","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24748,"url":"https:\/\/nori.company\/?p=24748","url_meta":{"origin":23031,"position":2},"title":"Vercel Platforms Starter Kit \uacf5\uac1c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 8\uc77c","format":false,"excerpt":"\ucee4\uc2a4\ud140 \ub3c4\uba54\uc778 \uc9c0\uc6d0\ud558\ub294 \uba40\ud2f0\ud14c\ub10c\ud2b8 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uc5b4 \uc8fc\ub294 \ud480\uc2a4\ud0dd \ud15c\ud50c\ub9bf Next.js App Router + Vercel Postgres + Vercel Domains API \ucee4\uc2a4\ud140 \ub3c4\uba54\uc778, \uc11c\ube0c \ub3c4\uba54\uc778, SSL \uc778\uc99d\uc11c\ub97c API\ub85c \ucc98\ub9ac Vercel Edge Network\ub85c \uce90\uc2f1 Incremental Static Regenerat... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":23647,"url":"https:\/\/nori.company\/?p=23647","url_meta":{"origin":23031,"position":3},"title":"Next.js Enterprise Boilerplate","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 5\uc6d4 30\uc77c","format":false,"excerpt":"\uace0\uc131\ub2a5, \uc720\uc9c0\ubcf4\uc218 \uc6a9\uc774\ud55c \uc5d4\ud130\ud504\ub77c\uc774\uc988\uae09 Next.js \ud15c\ud50c\ub9bf Tailwind CSS + ESlint + Prettier + Jest + Playwright + Storybook Observability \/ Health Check \/ Commit Git Hook \/ GitHub Actions \uc9c0\uc6d0 ChatGPT \uae30\ubc18 \uc790\ub3d9\ud654\ub41c \ucf54\ub4dc \ub9ac\ubdf0 \uc644\ubcbd\ud55c Lighthouse \uc810\uc218 ... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":29300,"url":"https:\/\/nori.company\/?p=29300","url_meta":{"origin":23031,"position":4},"title":"Next.js 2023 \ucee8\ud37c\ub7f0\uc2a4 \ud6c4\uae30","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 10\uc6d4 27\uc77c","format":false,"excerpt":"\uc774\ubc88\uc5d0 \ucc38\uc11d\ud55c Next.js 2023 \ucee8\ud37c\ub7f0\uc2a4 \ud6c4\uae30\uc785\ub2c8\ub2e4. \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22212,"url":"https:\/\/nori.company\/?p=22212","url_meta":{"origin":23031,"position":5},"title":"Lucia Auth 1.0 \ucd9c\uc2dc &#8211; SvelteKit, Astro, Next.js \ub4f1 \ub2e4\uc591\ud55c \ud658\uacbd\uc5d0\uc11c \uc27d\uac8c \uc4f8 \uc218 \uc788\ub294 \uc778\uc99d \ub77c\uc774\ube0c\ub7ec\ub9ac","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 4\uc6d4 10\uc77c","format":false,"excerpt":"Lucia Auth 1.0 \ucd9c\uc2dc - SvelteKit, Astro, Next.js \ub4f1 \ub2e4\uc591\ud55c \ud658\uacbd\uc5d0\uc11c \uc27d\uac8c \uc4f8 \uc218 \uc788\ub294 \uc778\uc99d \ub77c\uc774\ube0c\ub7ec\ub9ac \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/23031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23031"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/23031\/revisions"}],"predecessor-version":[{"id":23032,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/23031\/revisions\/23032"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=23031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=23031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}