Static generation for degree pages

Add automatic sitemap generation
Remove language switcher until cloudflare issues have been resolved

Author: Giuseppetm

components/header/index.tsx

@@ -156,8 +156,8 @@ const Header = ({ enableHideOnScrollUp }: HeaderProps) => {
                   </Tooltip>
                 </HStack>
 
-                {/* Language switcher */}
-                <LanguageSwitcher />
+                {/* TODO: Language switcher */}
+                {/* <LanguageSwitcher /> */}
 
                 {/* Hamburger mobile */}
                 <IconButton

components/header/partials/sidebar/index.tsx

@@ -106,13 +106,13 @@ const Sidebar = ({ isOpen, onClose, navItems }: SidebarProps) => {
             })}
           </VStack>
 
-          <HStack justify={"space-between"}>
+          {/* <HStack justify={"space-between"}>
             <Text fontSize="sm" fontWeight="medium" color={textColor}>
               {t("sidebar.changeLanguage")}
             </Text>
 
             <LanguageSwitcher isInSidebar />
-          </HStack>
+          </HStack> */}
 
           <Box borderTop="1px solid" borderColor={useColorModeValue("gray.200", "gray.700")} pt={3} />
 

lib/api/degrees.ts

@@ -20,3 +20,7 @@ export async function getStringDegrees(): Promise<Result<string[]>> {
 export async function getDegreesForSearchBox(searchText: string): Promise<Result<Degree[]>> {
   return getAsync(`${apiEndpoint}/search-degrees?q=${searchText}`)
 }
+
+export async function getSlugDegrees(): Promise<Result<Array<string>>> {
+  return getAsync(`${apiEndpoint}/slug-degrees`)
+}

next-sitemap.config.js

@@ -0,0 +1,18 @@
+/** @type {import('next-sitemap').IConfig} */
+module.exports = {
+  siteUrl: "https://studentiunimi.it",
+  generateRobotsTxt: false,
+  sitemapSize: 7000,
+  changefreq: "daily",
+  priority: 0.7,
+  generateIndexSitemap: false,
+  transform: async (config, path) => {
+    const cleanPath = path.replace(/^\/it/, "")
+    return {
+      loc: cleanPath === "" ? "/" : cleanPath,
+      changefreq: "daily",
+      priority: 0.8,
+      lastmod: new Date().toISOString(),
+    }
+  },
+}

next.config.ts

@@ -2,8 +2,9 @@ import type { NextConfig } from "next"
 
 const nextConfig: NextConfig = {
   i18n: {
-    locales: ["it", "en"],
+    locales: ["it"],
     defaultLocale: "it",
+    localeDetection: false,
   },
   images: {
     remotePatterns: [
@@ -21,6 +22,11 @@ const nextConfig: NextConfig = {
         destination: "/degrees/:slug",
         permanent: true,
       },
+      {
+        source: "/it/:path*",
+        destination: "/:path*",
+        permanent: true,
+      },
     ]
   },
 }

package-lock.json

@@ -7,6 +7,7 @@
     "web": "next dev",
     "proxy": "lcp --proxyUrl https://api.studentiunimi.it/api/ --port 8010",
     "build": "next build",
+    "postbuild": "next-sitemap",
     "start": "next start",
     "lint": "next lint",
     "format": "prettier --write ."
@@ -26,6 +27,7 @@
     "next-i18next": "^15.4.2",
     "next-intl": "^4.3.5",
     "next-seo": "^6.8.0",
+    "next-sitemap": "^4.2.3",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "zustand": "^5.0.8"

package.json

@@ -4,8 +4,8 @@ import ItemList from "@/components/item-list"
 import PrivacyButton from "@/components/privacy/button"
 import CourseCard from "@/components/course-card"
 import DegreeGroupCard from "@/components/degree-group-card"
-import { GetServerSideProps } from "next"
-import { getVerboseDegreeBySlug } from "@/lib/api/degrees"
+import { GetServerSideProps, GetStaticPaths, GetStaticProps } from "next"
+import { getSlugDegrees, getVerboseDegreeBySlug } from "@/lib/api/degrees"
 import { getCourses } from "@/lib/api/courses"
 import { getDegreeAdmins } from "@/lib/api/admins"
 import { getRepresentatives } from "@/lib/api/representatives"
@@ -159,7 +159,23 @@ const replaceUnderscore = (str: string): [string, boolean] => {
   return [replaced, replaced !== str]
 }
 
-export const getServerSideProps: GetServerSideProps<DegreePageProps> = async ({ locale, params }) => {
+export const getStaticPaths: GetStaticPaths = async () => {
+  const slugsResponse = await getSlugDegrees()
+
+  const slugs = slugsResponse.value
+
+  const paths =
+    slugs?.map((slug) => ({
+      params: { slug },
+    })) ?? []
+
+  return {
+    paths,
+    fallback: "blocking",
+  }
+}
+
+export const getStaticProps: GetStaticProps<DegreePageProps> = async ({ locale, params }) => {
   const messages = await loadMessages(locale as "it" | "en", ["common", "seo", "degrees"])
 
   const degreeSlug = params!.slug as string
@@ -168,15 +184,19 @@ export const getServerSideProps: GetServerSideProps<DegreePageProps> = async ({
   if (hasReplaced) {
     return {
       redirect: {
-        destination: `/courses/${fixedSlug}`,
-        permanent: false,
+        destination: `/degrees/${fixedSlug}`,
+        permanent: true,
       },
     }
   }
 
   const degreeResult = await getVerboseDegreeBySlug(degreeSlug)
   const degree = degreeResult.value
 
+  if (!degree) {
+    return { notFound: true }
+  }
+
   const teachingCoursesResult = degree ? await getCourses(String(degree.pk)) : { value: [] }
 
   const adminsResult = await getDegreeAdmins(degreeSlug)
@@ -203,7 +223,7 @@ export const getServerSideProps: GetServerSideProps<DegreePageProps> = async ({
       representatives: representativesResult.value ?? [],
       mainGroup,
     },
-    notFound: degree === undefined,
+    revalidate: 60 * 60 * 24,
   }
 }