fixing homepage

nextjs/devtunnel.sh

@@ -0,0 +1,3 @@
+
+# devtunnel user login
+devtunnel host -p 3000

nextjs/docker-compose.yml

@@ -16,3 +16,26 @@ services:
       - ~/projects/faculty/1810/2024-fall-alex/modules:/app/storage/intro_to_web
       - ~/projects/faculty/1420/2024-fall/Modules:/app/storage/1420
       - ~/projects/faculty/1425/2024-fall/Modules:/app/storage/1425
+
+  # https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/
+  # https://github.com/jonas-merkle/container-cloudflare-tunnel
+  # cloudflare-tunnel:
+  #   image: cloudflare/cloudflared
+  #   container_name: cloudflare-tunnel
+  #   restart: unless-stopped
+  #   env_file:
+  #     - .env
+  #   command: tunnel run
+  #   volumes:
+  #     - /etc/localtime:/etc/localtime:ro
+  #   environment:
+  #     - "TUNNEL_TOKEN=${CLOUDFLARE_TUNNEL_TOKEN}"
+  #   healthcheck:
+  #     test: ["CMD", "cloudflared", "--version"]
+  #     interval: 30s
+  #     timeout: 10s
+  #     retries: 3
+  #     start_period: 10s
+
+
+  # https://ngrok.com/docs/using-ngrok-with/docker/

nextjs/src/app/todaysLectures/TodaysLectures.tsx

@@ -4,6 +4,7 @@ import { useLocalCoursesSettingsQuery } from "@/hooks/localCourse/localCoursesHo
 import OneCourseLectures from "./OneCourseLectures";
 import { SuspenseAndErrorHandling } from "@/components/SuspenseAndErrorHandling";
 import CourseContextProvider from "../course/[courseName]/context/CourseContextProvider";
+import { Fragment } from "react";
 
 export default function TodaysLectures() {
   const { data: allSettings } = useLocalCoursesSettingsQuery();
@@ -13,11 +14,11 @@ export default function TodaysLectures() {
       <div className="flex justify-around w-full">
         <SuspenseAndErrorHandling>
           {allSettings.map((settings) => (
-            <div key={settings.name} className="flex-shrink">
+            <Fragment key={settings.name}>
               <CourseContextProvider localCourseName={settings.name}>
                 <OneCourseLectures />
               </CourseContextProvider>
-            </div>
+            </Fragment>
           ))}
         </SuspenseAndErrorHandling>
       </div>