fix: questions not submitting & repo path changes

Author: Logannford

next.config.js

@@ -62,6 +62,11 @@ const nextConfig = {
         destination: '/features/coding-challenges',
         permanent: true,
       },
+      {
+        source: '/questions',
+        destination: '/coding-challenges',
+        permanent: true,
+      },
     ];
   },
   async headers() {

src/actions/answers/answer.ts

@@ -468,8 +468,8 @@ const updateStudyPathProgress = async ({
 
   if (hasOverviewData) {
     // get all the question slugs from the overview data (if it exists)
-    questionSlugs = Object.values(studyPath.overviewData as any).flatMap(
-      (section: any) => section.questionSlugs
+    questionSlugs = Object.values(studyPath.overviewData || {}).flatMap(
+      (section: any) => section.questionSlugs || []
     );
   } else {
     // otherwise, this is a legacy study path and we can just use the questionSlugs

src/app/(app)/(default_layout)/(questions)/coding-challenges/custom/page.tsx

@@ -34,7 +34,7 @@ export default async function CustomQuestionsPage({
               filters={filters}
               customQuestions
               showSubmissions={false}
-              paginationUrl="/questions/custom"
+              paginationUrl="/coding-challenges/custom"
             />
           </div>
           <QuestionPageSidebar />

src/app/(app)/(default_layout)/(questions)/coding-challenges/page.tsx

@@ -67,7 +67,7 @@ export default async function QuestionsDashboard({
   const jsonLd: WebPageJsonLd = {
     '@context': 'https://schema.org',
     '@type': 'WebPage',
-    url: `${getBaseUrl()}/questions`,
+    url: `${getBaseUrl()}/coding-challenges`,
     headline: 'Coding Challenges | TechBlitz',
     description:
       'Explore a diverse set of coding challenges across various topics to enhance your knowledge.',
@@ -79,7 +79,7 @@ export default async function QuestionsDashboard({
         {
           '@type': 'ListItem',
           position: 1,
-          name: 'Questions',
+          name: 'Coding Challenges',
           item: getBaseUrl() + '/coding-challenges',
         },
       ],
@@ -93,7 +93,7 @@ export default async function QuestionsDashboard({
     datePublished: new Date().toISOString(),
     mainEntityOfPage: {
       '@type': 'WebPage',
-      '@id': `${getBaseUrl()}/questions`,
+      '@id': `${getBaseUrl()}/coding-challenges`,
     },
     keywords:
       'learn to code for free, beginner-friendly coding lessons, interactive coding challenges, daily programming practice, personalized coding roadmap, improve coding skills, best platform to learn coding, AI-assisted coding, learn javascript',
@@ -138,7 +138,7 @@ export default async function QuestionsDashboard({
               currentPage={filters.page || 1}
               filters={filters}
               customQuestions={false}
-              paginationUrl="/questions"
+              paginationUrl="/coding-challenges"
               postsPerPage={filters.postsPerPage || 15}
             />
           </Suspense>

src/app/(app)/(default_layout)/(roadmaps)/roadmaps/page.tsx

@@ -18,20 +18,11 @@ import { getUserMissionRecords } from '@/utils/data/missions/get-user-mission-re
 
 export async function generateMetadata() {
   return createMetadata({
-    title: 'Coding Roadmaps | TechBlitz',
+    title: 'Learning Paths | TechBlitz',
     description:
-      'A collection of coding questions, ranging from Javascript, React, Node, Web Development. Aimed to enhance your coding skills in each domain.',
-    keywords: [
-      'javascript coding questions',
-      'react coding questions',
-      'web development coding questions',
-      'coding challenges',
-      'coding tutorials',
-      'coding practice',
-      'coding practice questions',
-    ],
+      'A collection of learning paths, ranging from Javascript, React, Node, Web Development. Created to help you learn and grow your skills in different areas of programming.',
     image: {
-      text: 'Coding Roadmaps | TechBlitz',
+      text: 'Learning Paths | TechBlitz',
       bgColor: '#000',
       textColor: '#fff',
     },
@@ -41,25 +32,26 @@ export async function generateMetadata() {
 
 const heroDescription = (
   <div className="flex flex-col gap-y-4 z-20 relative font-inter max-w-3xl">
-    <p className="text-sm md:text-base text-gray-400">
-      Explore our curated lists of coding questions, ranging from Javascript, React, Node, Web
-      Development. Perfect for your daily coding practice.
+    <p className="text-sm md:text-base text-gray-400 font-onest">
+      Explore our library of programming learning paths, consisting of many different topics on the
+      web. Set your own goals and work your way through the challenges at your own pace, and get 1%
+      better every day.
     </p>
     <div className="flex flex-col gap-y-2">
-      <p className="text-gray-400">Can't find what you're looking for?</p>
-      <div className="flex items-center gap-x-2">
-        <Button href="/questions" variant="secondary">
-          View all questions
+      <p className="text-gray-400 font-onest">Can't find what you're looking for?</p>
+      <div className="flex items-center gap-x-2 pt-1">
+        <Button href="/coding-challenges" variant="secondary">
+          View all challenges
         </Button>
         <Suspense
           fallback={
-            <Button variant="default" className="w-full">
+            <Button variant="ghost" className="w-full">
               Your next recommended question
-              <ArrowRightIcon className="w-4 h-4" />
+              <ArrowRightIcon className="size-4" />
             </Button>
           }
         >
-          <ContinueJourney text="Your next recommended question" variant="default" />
+          <ContinueJourney text="Your next recommended question" variant="ghost" />
         </Suspense>
       </div>
     </div>
@@ -72,7 +64,7 @@ export default async function ExploreQuestionsPage() {
     '@context': 'https://schema.org',
     '@type': 'WebPage',
     url: `${getBaseUrl()}/roadmaps`,
-    headline: 'Coding Roadmaps | TechBlitz',
+    headline: 'Learning Paths | TechBlitz',
     description:
       'Curated lists of coding questions, ranging from Javascript, React, Node, Web Development. Perfect for your daily coding practice.',
     image:
@@ -135,7 +127,7 @@ export default async function ExploreQuestionsPage() {
         dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
       />
       <div className="flex flex-col gap-y-12 max-w-7xl mx-auto">
-        <Hero heading="Coding Roadmaps" subheading={heroDescription} container={true} />
+        <Hero heading="Library" subheading={heroDescription} container={true} />
         <div className="lg:container flex flex-col lg:flex-row mt-5 gap-16">
           <div className="w-full lg:w-[70%] flex flex-col gap-12">
             {Object.entries(studyPathsByCategory).map(([category, paths]) => (

src/app/(marketing)/(landing-pages)/daily-coding-challenges-for-beginners/page.tsx

@@ -64,7 +64,7 @@ const faqs = [
       <>
         We update our coding question suite with new challenges every day. Ensuring you can learn
         essential coding skills faster than ever. You can view the question suite{' '}
-        <Link href="/questions" className="text-accent">
+        <Link href="/coding-challenges" className="text-accent">
           here
         </Link>
         .

src/app/(marketing)/blog/posts/introducing-techblitz.mdx

@@ -128,7 +128,7 @@ Our constantly expanding library covers everything from fundamental JavaScript c
 </div>
 
 <div className="mt-4">
-Preview our question library <a href="/questions" target="_blank" className="text-accent">here</a> - no login required!
+Preview our question library <a href="/coding-challenges" target="_blank" className="text-accent">here</a> - no login required!
 </div>
 
 <br />

src/app/sitemap.ts

@@ -131,7 +131,7 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
     // APP ROUTES ACCESSIBLE TO ALL USERS
 
     {
-      url: `${baseUrl}/questions`,
+      url: `${baseUrl}/coding-challenges`,
       lastModified: new Date(),
     },
     {

src/components/app/navigation/continue-journey-button.tsx

@@ -4,7 +4,7 @@ import { getSuggestions } from '@/utils/data/questions/get-suggestions';
 
 export default async function ContinueJourney(opts: {
   text?: string;
-  variant?: 'accent' | 'secondary' | 'default';
+  variant?: 'accent' | 'secondary' | 'default' | 'ghost';
 }) {
   const suggestions = await getSuggestions({
     limit: 1,

src/components/app/navigation/question-navigation.tsx

@@ -56,7 +56,7 @@ export default function QuestionNavigation(opts: {
       // Check if we're using overviewData
       if ('overviewData' in studyPath && studyPath.overviewData) {
         // Get all question slugs from the overviewData structure
-        const allSlugs = Object.values(studyPath.overviewData as any)
+        const allSlugs = Object.values(studyPath.overviewData || {})
           .flatMap((section: any) => section.questionSlugs || [])
           .filter(Boolean);
 

src/components/app/navigation/sidebar.tsx

@@ -100,7 +100,7 @@ export function AppSidebar({ user, profile, suggestion }: AppSidebarProps) {
       animatable: true,
     },
     {
-      title: 'Learn',
+      title: 'Library',
       url: '/roadmaps',
       icon: Blog3,
       animatable: true,
@@ -152,8 +152,8 @@ export function AppSidebar({ user, profile, suggestion }: AppSidebarProps) {
       animatable: true,
     },
     {
-      title: 'Learn',
-      tooltip: 'Learn',
+      title: 'Library',
+      tooltip: 'Library',
       url: '/roadmaps',
       icon: Blog3,
       animatable: true,

src/components/app/questions/layout/questions-list.tsx

@@ -35,7 +35,7 @@ export default async function QuestionsList({
           Upgrade to Premium to access custom questions.
         </p>
         <div className="flex gap-x-2">
-          <Button href="/questions">Back to all questions</Button>
+          <Button href="/coding-challenges">Back to all challenges</Button>
           <Button href={getUpgradeUrl()} variant="secondary">
             Upgrade
           </Button>

src/components/app/questions/single/layout/page-header.tsx

@@ -38,13 +38,13 @@ export default function QuestionPageHeader({
   return (
     <div className="grid grid-cols-12 items-center justify-between pt-2 px-3 relative">
       <div className="col-span-2 lg:col-span-4 flex items-center justify-start">
-        <RouterBack href="/questions" className="px-0 block md:hidden">
+        <RouterBack href="/coding-challenges" className="px-0 block md:hidden">
           <HomeIcon width="16" height="16" />
         </RouterBack>
         <TooltipProvider delayDuration={0} skipDelayDuration={100}>
           <Tooltip>
             <TooltipTrigger asChild>
-              <RouterBack href="/questions" className="px-0 hidden md:block">
+              <RouterBack href="/coding-challenges" className="px-0 hidden md:block">
                 <LogoSmall size={32} />
               </RouterBack>
             </TooltipTrigger>

src/components/app/roadmaps/create-roadmap-button.tsx

@@ -110,8 +110,8 @@ export default function CreateRoadmapButton({
         </div>
       ) : (
         <div className="text-sm text-muted-foreground flex flex-col gap-y-5">
-          <Button variant="default" href="/questions">
-            Go to questions
+          <Button variant="default" href="/coding-challenges">
+            Go to challenges
           </Button>
           <div className="flex flex-col gap-y-2">
             <Progress value={progress} className="h-2 mb-2" />

src/components/app/study-paths/list.tsx

@@ -54,8 +54,8 @@ export default function StudyPathsList({
 
   if (studyPath.overviewData) {
     // Extract slugs from overviewData sections
-    allQuestionSlugs = Object.values(studyPath.overviewData)
-      .flatMap((section: any) => section.questionSlugs)
+    allQuestionSlugs = Object.values(studyPath.overviewData || {})
+      .flatMap((section: any) => section.questionSlugs || [])
       .filter(Boolean);
   } else {
     // Use regular questionSlugs
@@ -92,6 +92,8 @@ export default function StudyPathsList({
     <div className={cn('relative z-10 justify-self-center grid', className)}>
       {sortedQuestions.map((question, index) => {
         const offsetValue = getOffset(index);
+        // Find the question's index in the allQuestionSlugs array
+
         return (
           <div key={question.slug} className="mb-8 flex justify-center">
             <QuestionCardClient questionData={question} offset={offsetValue}>

src/components/marketing/features/leaderboard/leaderboard-features-left.tsx

@@ -46,7 +46,11 @@ export default async function LeaderboardFeaturesLeft() {
           Challenge your friends and see who is the best. You can even create your own challenges
           and see who is the best.
         </p>
-        <Button variant="secondary" href="/questions" className="w-fit flex items-center gap-1">
+        <Button
+          variant="secondary"
+          href="/coding-challenges"
+          className="w-fit flex items-center gap-1"
+        >
           Try it out
           <ChevronRight className="size-3 ml-1" />
         </Button>

src/components/marketing/global/navigation/mobile-menu.tsx

@@ -46,8 +46,8 @@ const menuItems: MenuItem[] = [
     label: 'Learn',
     href: '/roadmaps',
     children: [
-      { label: 'JavaScript', href: '/questions?tag=javascript' },
-      { label: 'React', href: '/questions?tag=react' },
+      { label: 'JavaScript', href: '/coding-challenges?tag=javascript' },
+      { label: 'React', href: '/coding-challenges?tag=react' },
       { label: 'Roadmaps', href: '/roadmaps' },
     ],
   },

src/components/marketing/global/navigation/navigation-items.tsx

@@ -133,14 +133,14 @@ export function NavigationMenuItems() {
           <NavigationMenuContent>
             <ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px]">
               <ListItem
-                href="/questions?tag=javascript"
+                href="/coding-challenges?tag=javascript"
                 title="JavaScript"
                 icon={<JavascriptIcon className="size-4" />}
               >
                 Learn JavaScript with our easy-to-understand coding questions.
               </ListItem>
               <ListItem
-                href="/questions?tag=react"
+                href="/coding-challenges?tag=react"
                 title="React"
                 icon={<ReactIcon className="size-4" />}
               >

src/components/marketing/homepage/personalized/left.tsx

@@ -24,7 +24,11 @@ export default function PersonalizedLeft() {
           Stuck on a problem? Ask your very own AI coding assistant. Giving you the ultimate
           learning experience no matter what challenge you are facing.
         </p>
-        <Button variant="default" href="/questions" className="w-fit flex items-center gap-1">
+        <Button
+          variant="default"
+          href="/coding-challenges"
+          className="w-fit flex items-center gap-1"
+        >
           Try it out
           <ChevronRight className="size-3 ml-1" />
         </Button>

src/hooks/use-study-path.ts

@@ -37,7 +37,7 @@ export const useStudyPathQuestions = (studyPathSlug: string) => {
       try {
         if (studyPath.overviewData) {
           // If we have overviewData, extract questionSlugs from each section
-          questionSlugs = Object.values(studyPath.overviewData)
+          questionSlugs = Object.values(studyPath.overviewData || {})
             .flatMap((section: any) => section.questionSlugs || [])
             .filter(Boolean);
         } else {