Next.js 15 Update (#26)

* Update Next.js and React versions in all packages
* Replace onRedirect function with next/link in BillingSessionStatus, since it's no longer cached by default
* Remove unused revalidatePath import in billing return page, since it's no longer cached by default
* Add Turbopack module aliases to improve development server speed
* Converted new Dynamic APIs to be Promise-based
* Adjust mobile layout
* Use ENABLE_REACT_COMPILER to enable the React Compiler in Next.js 15
* Report Errors using the new onRequestError hook

apps/web/app/(marketing)/blog/[slug]/page.tsx

@@ -10,6 +10,10 @@ import { withI18n } from '~/lib/i18n/with-i18n';
 
 import { Post } from '../../blog/_components/post';
 
+interface BlogPageProps {
+  params: Promise<{ slug: string }>;
+}
+
 const getPostBySlug = cache(postLoader);
 
 async function postLoader(slug: string) {
@@ -20,10 +24,9 @@ async function postLoader(slug: string) {
 
 export async function generateMetadata({
   params,
-}: {
-  params: { slug: string };
-}): Promise<Metadata | undefined> {
-  const post = await getPostBySlug(params.slug);
+}: BlogPageProps): Promise<Metadata> {
+  const slug = (await params).slug;
+  const post = await getPostBySlug(slug);
 
   if (!post) {
     notFound();
@@ -57,8 +60,9 @@ export async function generateMetadata({
   });
 }
 
-async function BlogPost({ params }: { params: { slug: string } }) {
-  const post = await getPostBySlug(params.slug);
+async function BlogPost({ params }: BlogPageProps) {
+  const slug = (await params).slug;
+  const post = await getPostBySlug(slug);
 
   if (!post) {
     notFound();

apps/web/app/(marketing)/blog/page.tsx

@@ -13,6 +13,10 @@ import { SitePageHeader } from '../_components/site-page-header';
 import { BlogPagination } from './_components/blog-pagination';
 import { PostPreview } from './_components/post-preview';
 
+interface BlogPageProps {
+  searchParams: Promise<{ page?: string }>;
+}
+
 export const generateMetadata = async () => {
   const { t } = await createI18nServerInstance();
 
@@ -44,8 +48,9 @@ const getContentItems = cache(
   },
 );
 
-async function BlogPage({ searchParams }: { searchParams: { page: string } }) {
+async function BlogPage(props: BlogPageProps) {
   const { t, resolvedLanguage: language } = await createI18nServerInstance();
+  const searchParams = await props.searchParams;
 
   const page = searchParams.page ? parseInt(searchParams.page) : 0;
   const limit = 10;