meta: adopt next-intl and app router

[araujogui]

Description

This PR refactors the Node.js Website and adopts the new Next.js App Router. This PR does all the necessary changes to make the app router-compatible. Bear in mind that some changes here are temporary.

Note: This PR is still going to have some updates, such as improvement of documentation, updates on Collaborator Guides, etc.

Changes

• Removed a bunch of React Providers of our "static data" (such as blog data) and make them available directly on Hooks
• Removed react-intl and our custom i18n middleware in favour of next-intl
  • Adoption of next-intl v3
• Refactored our i18n keys to follow the ICU format that next-intl uses
• Updated several components to use next-intl and its components
• Removed LocalizedLink, useLocale, etc in favor of next-intl builtin's
• Refactored next.dynamic.mjs, our App Root Layout, and all the core app/ folders to make the whole process of building and rendering compatible.
• Other minor changes that are related to make this compatible
• Removed HTMLHead and added App Router Metadata generation
• Moved Node Release Data Parsing directly to Release Data Generation
• Removed unused types, utilities and Hooks
• Tried to simplify and optimize existing Layouts and removed duplicated Layouts
• Overall cleanup of Application logic
• Updated Unit Tests to make them work
• Fixed imports

Caveat

This rework is stable, but next-intl 3.0 is still on Release Candidate, and a few things might change. For example, the usage of an unstable API https://next-intl-docs-git-feat-next-13-rsc-next-intl.vercel.app/docs/getting-started/app-router#add-unstable_setrequestlocale-to-all-layouts-and-pages

Validation

Builds should pass, Linting should pass, Deployment should pass, all pages should work as expected.

Deep testing is needed here!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 7, 2023 6:17pm

[github-actions]

Lighthouse Results

URL	Performance	Accessibility	Best Practices	SEO	Report
/en	🟢 93	🟢 97	🟢 92	🟢 92	🔗
/en/about	🟢 100	🟢 95	🟢 92	🟢 92	🔗
/en/about/previous-releases	🟢 100	🟢 96	🟢 92	🟢 92	🔗
/en/download	🟢 100	🟢 97	🟢 92	🟢 92	🔗
/en/blog	🟢 98	🟢 97	🟢 92	🟢 92	🔗

[github-actions]

Unit Test Coverage Report

Lines	Statements	Branches	Functions
	79.1% (352/445)	63.46% (66/104)	62.22% (56/90)

Unit Test Report

Tests	Skipped	Failures	Errors	Time
54	0 💤	0 ❌	0 🔥	5.146s ⏱️

[ovflowd]

Hey y'all, as I believe that a full review of this PR is pretty hard, and to unblock further development. I'm queueing this to our merge queue.

Please feel free to do any sort of reviews post-merge. I've battle-tested this and so far all good, so let's do it.

[ovflowd]

cc @nodejs/web-infra regarding my message above ☝️

[canerakdas]

I have only minor review notes ✨ In addition to these changes, it would be good to update the part of the collaborator guide that points to the location of the layouts (https://github.com/nodejs/nodejs.org/blob/main/COLLABORATOR_GUIDE.md?plain=1#L143-L145)

[canerakdas]

Suggested change

	export const generateMetadata = async (c: DynamicParams) => {
	const { path = [], locale = defaultLocale.code } = c.params;
	export const generateMetadata = async ({params} : DynamicParams) => {
	const { path = [], locale = defaultLocale.code } = params;

c doesn't mean much, we can deconstruct directly

[canerakdas]

Suggested change

	for (const locale of availableLocaleCodes) {
	const routesForLanguage = await dynamicRouter.getRoutesByLanguage(locale);
	paths.push(...routesForLanguage.map(route => `${locale}/${route}`));
	}
	// The current date of this request
	const currentDate = new Date().toISOString();
	const appRoutes = [...dynamicRoutes, ...staticPaths]
	.sort()
	.map(route => `${baseUrlAndPath}/${route}`);
	const appRoutes = paths.sort().map(route => `${baseUrlAndPath}/${route}`);
	return [...appRoutes, ...EXTERNAL_LINKS_SITEMAP].map(route => ({
	for (const locale of availableLocaleCodes) {
	const routesForLanguage = await dynamicRouter.getRoutesByLanguage(locale);
	paths.push(...routesForLanguage.map(route => `${baseUrlAndPath}/${locale}/${route}`));
	}
	const currentDate = new Date().toISOString();
	return [...paths, ...EXTERNAL_LINKS_SITEMAP].map(route => ({

We can directly pass baseUrlAndPath no need to sort and map again

[canerakdas]

Suggested change

	import type { ClientSharedServerContext } from './types';
	import type { ClientSharedServerContext } from '@/types';

[ovflowd]

I have only minor review notes ✨ In addition to these changes, it would be good to update the part of the collaborator guide that points to the location of the layouts (main/COLLABORATOR_GUIDE.md?plain=1#L143-L145)

@canerakdas can you open a new PR with these changes? (All of them)