Merge pull request #15 from acm-ucr/carlahauu/course-name

Created Course Name Component

next.config.js

@@ -10,6 +10,7 @@ const nextConfig = {
   },
   basePath: "",
   assetPrefix: "",
+  trailingSlash: true,
 };
 
 module.exports = nextConfig;

src/app/course/[name]/page.tsx

@@ -0,0 +1,24 @@
+import Name from "@/components/course/name";
+import { courses } from "@/courses";
+
+interface props {
+  params: {
+    name: string;
+  };
+}
+
+export const generateStaticParams = () => {
+  return courses.map(({ param }) => ({ name: param }));
+};
+
+const Page = ({ params }: props) => {
+  const { name } = params;
+
+  return (
+    <>
+      <Name>{name}</Name>
+    </>
+  );
+};
+
+export default Page;

src/app/course/page.tsx

@@ -0,0 +1,5 @@
+const Page = () => {
+  return <div>Page</div>;
+};
+
+export default Page;

src/components/course/name.tsx

@@ -0,0 +1,12 @@
+interface CourseNameProps {
+  children: string;
+}
+
+const Name = ({ children }: CourseNameProps) => {
+  return (
+    <div className="font-Malayalam rounded-2xl bg-devstation-cyan-100 py-4 text-center text-6xl text-white">
+      {children}
+    </div>
+  );
+};
+export default Name;

src/courses/index.tsx

@@ -0,0 +1,6 @@
+export const courses = [
+  {
+    name: "Introduction to Next.js",
+    param: "intro-nextjs",
+  },
+];