<aside>

목차

</aside>

1. Server Actions

• Docs

<aside> 📖

Next.js의 Server Actions는 서버에서 실행되는 함수를 클라이언트 컴포넌트에서 직접 호출할 수 있게 해주는 기능이다.

이는 Next.js 14에서 안정화(stable) 되었으며, React의 서버 컴포넌트(Server Components) 및 Next.js의 새로운 앱 라우터(App Router)와 함께 사용하는 새로운 형태의 mutating API이다.

• 서버에서 실행되는 함수를 직접 import 없이 클라이언트에서 호출 가능 </aside>

• ex)

[ 실습 ] Using Forms in Next.js

2. Metadata

<aside> ✏️

Next.js는 SEO와 웹 공유성을 향상시키기 위해 애플리케이션의 메타데이터(ex. HTML head 요소 내 메타 및 링크 태크 )를 정의하는데 사용할 수 있는 메타데이터 API를 가지고 있다.

</aside>

메타데이터를 애플리케이션에 추가하는 2가지 방법

1. Static Metadata 방식

2. Dynamic Metadata 방식