feat: enable year-specific content and routing for the sponsorship page, utilizing year-specific data files.

Author: anyulled

src/config/routeConfig.ts

@@ -71,6 +71,9 @@ export const generateYearRoutes = (year: string): RouteConfig[] => {
     if (yearConfig.communities) {
         routesList.push({ path: `/${year}/communities`, component: yearConfig.communities });
     }
+    if (yearConfig.sponsorship) {
+        routesList.push({ path: `/${year}/sponsorship`, component: yearConfig.sponsorship });
+    }
 
     return routesList;
 };

src/config/yearRoutes.ts

@@ -20,6 +20,7 @@ export interface YearRouteComponents {
     sessionFeedback?: LazyExoticComponent<ComponentType<any>>;
     attendee?: LazyExoticComponent<ComponentType<any>>;
     communities?: LazyExoticComponent<ComponentType<any>>;
+    sponsorship?: LazyExoticComponent<ComponentType<any>>;
 }
 
 /**
@@ -39,6 +40,7 @@ export const yearRouteConfigs: Record<string, YearRouteComponents> = {
         speakerInfo: LazyComponents.SpeakerInformation2026,
         speakerDetail: LazyComponents.SpeakerDetailContainer2026,
         talkDetail: LazyComponents.TalkDetailContainer2026,
+        sponsorship: LazyComponents.Sponsorship,
     },
     "2025": {
         home: LazyComponents.HomeWrapper2025,
@@ -55,6 +57,7 @@ export const yearRouteConfigs: Record<string, YearRouteComponents> = {
         sessionFeedback: LazyComponents.SessionFeedback2025,
         attendee: LazyComponents.AttendeeInformation2025,
         communities: LazyComponents.Communities2025,
+        sponsorship: LazyComponents.Sponsorship,
     },
     "2024": {
         home: LazyComponents.HomeWrapper2024,
@@ -71,6 +74,7 @@ export const yearRouteConfigs: Record<string, YearRouteComponents> = {
         sessionFeedback: LazyComponents.SessionFeedback2023,
         attendee: LazyComponents.AttendeeInformation2023,
         communities: LazyComponents.Communities2023,
+        sponsorship: LazyComponents.Sponsorship,
     },
     "2023": {
         home: LazyComponents.Home2023Wrapper,
@@ -87,6 +91,7 @@ export const yearRouteConfigs: Record<string, YearRouteComponents> = {
         attendee: LazyComponents.AttendeeInformation2023,
         communities: LazyComponents.Communities2023,
         speakerInfo: LazyComponents.SpeakerInformation2023,
+        sponsorship: LazyComponents.Sponsorship,
     },
 };
 

src/data/2023.json

@@ -1,5 +1,6 @@
 {
   "actionButtons": false,
+  "brochure": "https://bit.ly/devbcn25-brochure-v3",
   "carrousel": {
     "enabled": true
   },
@@ -41,5 +42,6 @@
   "trackNumber": 7,
   "tracks": "Java | JVM | Go, Rust, C++, C# | Cloud, DevOps, VMs, Kubernetes | Frontend | Leadership, Agile, Diversity | Big Data, Machine Learning, AI, Python",
   "twitter": "https://twitter.com/dev_bcn",
+  "venue": "La Farga, Hospitalet de Llobregat",
   "youtube": "https://www.youtube.com/dev_bcn"
-}
+}

src/data/2024.json

@@ -1,5 +1,6 @@
 {
   "actionButtons": false,
+  "brochure": "https://bit.ly/devbcn25-brochure-v3",
   "carrousel": {
     "enabled": true
   },
@@ -43,5 +44,6 @@
   "trackNumber": 5,
   "tracks": "Java & JVM | Cloud, DevOps, VMs, Kubernetes | Frontend, JavaScript, TypeScript, Angular, WASM | Leadership, Agile, Diversity | Big Data, Machine Learning, AI, Python",
   "twitter": "https://twitter.com/dev_bcn",
+  "venue": "La Farga, Hospitalet de Llobregat",
   "youtube": "https://www.youtube.com/dev_bcn"
-}
+}

src/data/2025.json

@@ -1,5 +1,6 @@
 {
   "actionButtons": false,
+  "brochure": "https://bit.ly/devbcn25-brochure-v3",
   "carrousel": {
     "enabled": true
   },
@@ -41,5 +42,6 @@
   "trackNumber": 5,
   "tracks": "Java & JVM | Cloud, DevOps, VMs, Kubernetes | Frontend, JavaScript, TypeScript, Angular, WASM | Leadership, Agile, Diversity | Big Data, Machine Learning, AI, Python",
   "twitter": "https://twitter.com/dev_bcn",
+  "venue": "La Farga, Hospitalet de Llobregat",
   "youtube": "https://www.youtube.com/dev_bcn"
 }

src/data/2026.json

@@ -1,5 +1,6 @@
 {
     "actionButtons": true,
+    "brochure": "https://bit.ly/devbcn25-brochure-v3",
     "carrousel": {
         "enabled": false
     },
@@ -41,5 +42,6 @@
     "trackNumber": 5,
     "tracks": "Java & JVM | Cloud, DevOps, VMs, Kubernetes | Frontend, JavaScript, TypeScript, Angular, WASM | Leadership, Agile, Diversity | Big Data, Machine Learning, AI, Python",
     "twitter": "https://twitter.com/dev_bcn",
+    "venue": "World Trade Center, Barcelona",
     "youtube": "https://www.youtube.com/dev_bcn"
 }

src/views/Travel/Travel.tsx

@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { useParams } from "react-router";
 import { Venue } from "./Venue";
 import { ToBarcelona } from "./ToBarcelona";

src/views/sponsorship/Sponsorship.tsx

@@ -11,7 +11,6 @@ import {
   StyledSpeakersSection,
 } from "../Speakers/Speakers.style";
 import { StyledMarginBottom } from "../Talks/Talks.style";
-import data from "@data/2025.json";
 import { format } from "date-fns";
 import Flicking from "@egjs/react-flicking";
 import { AutoPlay } from "@egjs/flicking-plugins";
@@ -21,6 +20,18 @@ import { gaEventTracker } from "@components/analytics/Analytics";
 import { useDocumentTitleUpdater } from "@hooks/useDocumentTitleUpdate";
 // @ts-expect-error some quirky import
 import { AnimatePresence, motion } from "framer-motion";
+import { useParams } from "react-router";
+import data2023 from "@data/2023.json";
+import data2024 from "@data/2024.json";
+import data2025 from "@data/2025.json";
+import data2026 from "@data/2026.json";
+
+const editions: Record<string, typeof data2026> = {
+  "2023": data2023,
+  "2024": data2024,
+  "2025": data2025,
+  "2026": data2026,
+};
 
 const StyledWaveContainer = styled.div`
   background: ${Color.DARK_BLUE};
@@ -92,6 +103,9 @@ const StyleMoreIcon = styled.img`
 `;
 
 const Sponsorship: FC<React.PropsWithChildren<unknown>> = () => {
+  const { id } = useParams<{ id: string }>();
+  const edition = id || "2026";
+  const data = editions[edition] || editions["2026"];
   const { width } = useWindowSize();
   const plugins = [
     new AutoPlay({ duration: 2000, direction: "NEXT", stopOnHover: false }),
@@ -137,7 +151,7 @@ const Sponsorship: FC<React.PropsWithChildren<unknown>> = () => {
               subtitle={`The DevBcn is the yearly event organised by Conferencia DevBcn S.L. Conference Talks will held on ${format(
                 new Date(data.startDay),
                 "MMMM do, yyyy",
-              )} at La Farga, Hospitalet de Llobregat`}
+              )} at ${data.venue}`}
               color={Color.DARK_BLUE}
             />
           </motion.div>
@@ -275,7 +289,7 @@ const Sponsorship: FC<React.PropsWithChildren<unknown>> = () => {
                   {format(new Date(data.startDay), "MMMM do")} —
                   {" ".concat(format(data.endDay, "do"))}
                 </strong>{" "}
-                at the iconic La Farga, Hospitalet de Llobregat. This year,
+                at the iconic {data.venue}. This year,
                 we&#39;re diving deep into the realms of Java, JVM, Cloud,
                 DevOps, Frontend technologies, Leadership strategies, and
                 groundbreaking advancements in Big Data and AI.
@@ -294,7 +308,7 @@ const Sponsorship: FC<React.PropsWithChildren<unknown>> = () => {
                 than ever. Curious? Access our{" "}
                 <strong>
                   <a
-                    href="https://bit.ly/devbcn25-brochure-v3"
+                    href={data.brochure}
                     target="_blank"
                     rel="noreferrer"
                   >
@@ -310,7 +324,7 @@ const Sponsorship: FC<React.PropsWithChildren<unknown>> = () => {
               >
                 <Button
                   text="Get the Brochure"
-                  link="https://bit.ly/devbcn25-brochure-v3"
+                  link={data.brochure}
                   onClick={handleCLick}
                 />
               </motion.div>
@@ -373,14 +387,23 @@ const Sponsorship: FC<React.PropsWithChildren<unknown>> = () => {
                 <iframe
                   width="1024"
                   height="768"
-                  src="https://www.youtube.com/embed/k7iMIXtNKyo"
+                  src="https://www.youtube.com/embed/AHWSu1WE288"
                   title="YouTube video player"
                   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                   allowFullScreen
                 ></iframe>
               </motion.div>
               <h4>Explore DevBcn Talks Online!</h4>
               <ul>
+                <li>
+                  <a
+                    rel="noreferrer"
+                    target="_blank"
+                    href="https://youtube.com/playlist?list=PLzJFNZtyAbyyfUadLCuSc-8CdHct8NeSa&si=7lgKQAtEncL-332O"
+                  >
+                    🎥 DevBcn 2025 - recorded sessions
+                  </a>
+                </li>
                 <li>
                   <a
                     rel="noreferrer"