Next. js 13ReactServerClient2023ReactNext. js2023Next. js 13 app directory (beta)WebNested layout, Server componentData fetchingcache option, ClientServer component, Dynamic segment, Streaming server rendering with suspense, mutation (router. refresh), revalidation frequency, soft/hard navigationSupabase Server componentmiddlewareTodo CRUD app directoryBenefit of React Server componentDifference of client component and server component and use caseNested LayoutFile conventions (page, layout, loading, error, head.)Cache options (fetch based (no-store, force-cache, revalidate) and segment based (revalidate))Dynamic segment and generateStaticParamsRevalidate frequency commonization among layout, page, fetch and child pages. Streaming server rendering with suspense (streaming HTML)Static and dynamic renderingDynamic functionsSegment level loading and component level granular loading by suspenseSoft and Hard navigationsMutation with server component (router. refresh())Middlewaregen types of SupabaseSupabase authentication with server componentCRUD operation (R: server component, CUD: client component)
