From bd0f852f8ad12564a3576fe9d30856975ee2794a Mon Sep 17 00:00:00 2001
From: Philip Cheung <philip.cheung@nirons.com>
Date: Tue, 8 Oct 2024 13:35:35 +0800
Subject: [PATCH] depoly

---
 Dockerfile                               |  20 +++++++++++++
 app/favicon.ico                          | Bin 6074 -> 44158 bytes
 components/Aboutus/AboutusContent.tsx    |  10 +++----
 components/Aboutus/Map.tsx               |   2 +-
 components/Course/Collapse.tsx           |   6 ++--
 components/Course/CourseImagesSilder.tsx |   4 +--
 components/Course/LongDesc.tsx           |   2 +-
 components/CoursesSilder.tsx             |   4 +--
 docker-compose.yml                       |  35 +++++++++++++++++++++++
 favicon.ico                              | Bin 0 -> 44158 bytes
 public/favicon.ico                       | Bin 0 -> 44158 bytes
 utils/index.ts                           |  16 +++++++----
 12 files changed, 79 insertions(+), 20 deletions(-)
 create mode 100644 Dockerfile
 create mode 100644 docker-compose.yml
 create mode 100644 favicon.ico
 create mode 100644 public/favicon.ico

diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..872d92f
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,20 @@
+
+FROM node:18-alpine
+
+WORKDIR /app
+
+COPY package.json ./
+
+RUN npm install
+
+RUN npm install --save-dev
+
+# Build the Next.js app  
+RUN npm run build  
+
+# Expose the port the app will run on  
+EXPOSE 3000  
+
+COPY . .
+
+CMD ["npm", "run", "dev"]
\ No newline at end of file
diff --git a/app/favicon.ico b/app/favicon.ico
index 04fa8678fc0d66dbf2f08fe95929be376a11791f..c2a2a0439812fa49e5dec061d4d704fe6de2aac5 100644
GIT binary patch
literal 44158
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
G`TqyqUUlgJ

literal 6074
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

diff --git a/components/Aboutus/AboutusContent.tsx b/components/Aboutus/AboutusContent.tsx
index 612a8ca..0f04680 100644
--- a/components/Aboutus/AboutusContent.tsx
+++ b/components/Aboutus/AboutusContent.tsx
@@ -13,7 +13,7 @@ const AboutusContent = ({ aboutus }: { aboutus: AboutusProps[] }) => {
                                     <div className='lg:grid lg:grid-cols-2 w-[80vw] mb-28'>
                                         <div className="flex col-span-1 h-auto w-full  ">
                                             <img
-                                                src={`http://localhost/${item.image}`}
+                                                src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${item.image}`}
                                                 alt="Course Image"
                                                 className="w-full h-[25vw] object-cover object-center rounded-lg shadow-md"
                                                 style={{ aspectRatio: '1 / 1' }}
@@ -28,7 +28,7 @@ const AboutusContent = ({ aboutus }: { aboutus: AboutusProps[] }) => {
                                         {item.description}
                                     </p> */}
                                                 <div
-                                                    className='mt-8 [&_*]:!text-[1.0rem] [&_*]:!text-gray-600 [&_*]'
+                                                    className='mt-8 [&_*]:!text-[1.0rem] [&_*]:!text-gray-600 [&_*]:!bg-transparent'
                                                     dangerouslySetInnerHTML={{ __html: item.description }}
                                                 />
 
@@ -54,7 +54,7 @@ const AboutusContent = ({ aboutus }: { aboutus: AboutusProps[] }) => {
                                         </div>
                                         <div className="flex col-span-1 h-auto w-full justify-end ">
                                             <img
-                                                src={`http://localhost/${item.image}`}
+                                                src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${item.image}`}
                                                 alt="Course Image"
                                                 className="w-full h-[25vw] object-cover object-center rounded-lg shadow-md"
                                                 style={{ aspectRatio: '1 / 1' }}
@@ -68,7 +68,7 @@ const AboutusContent = ({ aboutus }: { aboutus: AboutusProps[] }) => {
                             <div className="flex flex-col relative w-[80vw] lg:mb-28 mb-10 lg:hidden">
                                 <div className="flex col-span-1 h-auto w-full  ">
                                     <img
-                                        src={`http://localhost/${item.image}`}
+                                        src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${item.image}`}
                                         alt="Course Image"
                                         className="w-full h-[44vw] object-cover object-center rounded-lg shadow-md"
                                         style={{ aspectRatio: '1 / 1' }}
@@ -82,7 +82,7 @@ const AboutusContent = ({ aboutus }: { aboutus: AboutusProps[] }) => {
                                         {item.description}
                                     </p> */}
                                     <div
-                                        className='mt-8 [&_*]:!text-[1.0rem] [&_*]:!text-gray-600 [&_*]'
+                                        className='mt-8 [&_*]:!text-[1.0rem] [&_*]:!text-gray-600 [&_*]:!bg-transparent'
                                         dangerouslySetInnerHTML={{ __html: item.description }}
                                     />
 
diff --git a/components/Aboutus/Map.tsx b/components/Aboutus/Map.tsx
index 35ab2d4..90d1ca1 100644
--- a/components/Aboutus/Map.tsx
+++ b/components/Aboutus/Map.tsx
@@ -47,7 +47,7 @@ const Map = ({ settings }: { settings: SettingsProps }) => {
                             <p>
                                 {"地址"}
                             </p>
-                            <button className='text-gray-700 hover:text-mainColor'
+                            <button className='text-gray-700 hover:text-mainColor text-left'
                                 onClick={() => { window.open(`https://maps.google.com/?q=${settings.latitude},${settings.longitude}`, '_blank') }}>
                                 {settings.address}
                             </button>
diff --git a/components/Course/Collapse.tsx b/components/Course/Collapse.tsx
index 9b5dc90..b252342 100644
--- a/components/Course/Collapse.tsx
+++ b/components/Course/Collapse.tsx
@@ -13,7 +13,7 @@ interface CollapseProps {
     className?: string
     info?: boolean
     info_images?: Array<imageProps>
-   
+
 
 }
 
@@ -113,7 +113,7 @@ const Collapse: React.FC<CollapseProps> = ({ title, children, className, info, i
                                             {info_images.map((image, index) => (
                                                 <div key={index} className="relative w-full h-[13vw] px-1 transition-all justify-items-center  ">
                                                     <img
-                                                        src={`http://localhost/${image.image}`}
+                                                        src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${image.image}`}
                                                         alt={`Course Image ${index + 1}`}
                                                         className="w-full h-full object-cover object-center  "
                                                     />
@@ -128,7 +128,7 @@ const Collapse: React.FC<CollapseProps> = ({ title, children, className, info, i
                                                 <div key={index} className="px-4">
                                                     <div key={index} className="relative h-[50vw] transition-all justify-items-center mb-16">
                                                         <img
-                                                            src={`http://localhost/${image.image}`}
+                                                            src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${image.image}`}
                                                             alt={`Course Image ${index + 1}`}
                                                             className="w-full h-full object-cover object-center "
                                                         />
diff --git a/components/Course/CourseImagesSilder.tsx b/components/Course/CourseImagesSilder.tsx
index 3f20327..025869d 100644
--- a/components/Course/CourseImagesSilder.tsx
+++ b/components/Course/CourseImagesSilder.tsx
@@ -107,7 +107,7 @@ const CourseImagesSilder = ({ courseData }: { courseData: CoursesProps }) => {
                             {courseData.images.map((image, index) => (
                                 <div key={index} className="relative w-full h-[35vw] transition-all justify-items-center mb-28 ">
                                     <img
-                                        src={`http://localhost/${image.image}`}
+                                        src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${image.image}`}
                                         alt={`Course Image ${index + 1}`}
                                         className="w-full h-full object-cover object-center rounded-xl "
                                     />
@@ -127,7 +127,7 @@ const CourseImagesSilder = ({ courseData }: { courseData: CoursesProps }) => {
                                     <div key={index} className="px-4">
                                         <div key={index} className="relative h-[38vw] transition-all justify-items-center mb-16">
                                             <img
-                                                src={`http://localhost/${image.image}`}
+                                                src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${image.image}`}
                                                 alt={`Course Image ${index + 1}`}
                                                 className="w-full h-full object-cover object-center rounded-xl"
                                             />
diff --git a/components/Course/LongDesc.tsx b/components/Course/LongDesc.tsx
index 3447b3f..b266df5 100644
--- a/components/Course/LongDesc.tsx
+++ b/components/Course/LongDesc.tsx
@@ -8,7 +8,7 @@ const LongDesc = ({ courseData }: { courseData: CoursesProps }) => {
                     {courseData.title}
                 </p>
                 <div
-                    className='mt-10 [&_*]:!text-[1.5rem] [&_*]:!text-gray-600 [&_*]:!text-center'
+                     className='mt-10 [&_*]:!text-[1.5rem] [&_*]:!text-gray-600 [&_*]:!text-center [&_*]:!bg-transparent'
                     dangerouslySetInnerHTML={{ __html: courseData.long_description }}
                 />
             </div>
diff --git a/components/CoursesSilder.tsx b/components/CoursesSilder.tsx
index dc7ac45..25fdb91 100644
--- a/components/CoursesSilder.tsx
+++ b/components/CoursesSilder.tsx
@@ -49,7 +49,7 @@ const CoursesSilder = ({ courses }: { courses: CoursesProps[] }) => {
                   <div className="hidden lg:grid lg:grid-cols-2 w-full mb-28">
                     <div className="flex col-span-1 h-auto justify-self-end mr-20">
                       <img
-                        src={`http://localhost/${course.images[0].image}`}
+                        src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${course.images[0].image}`}
                         alt="Course Image"
                         className="w-[50vh] h-[70vh] object-cover object-center rounded-3xl shadow-md"
                         style={{ aspectRatio: '1 / 1' }}
@@ -77,7 +77,7 @@ const CoursesSilder = ({ courses }: { courses: CoursesProps[] }) => {
 
                   <div className=" relative w-[50vh] h-[70vh] max-sm:w-[36vh] max-sm:h-[60vh]  mt-20 mb-28 overflow-hidden rounded-3xl shadow-md sm:block md:block lg:hidden xl:hidden 2xl:hidden mx-auto">
                     <img
-                      src={`http://localhost/${course.images[0].image}`}
+                      src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${course.images[0].image}`}
                       alt="Course Image"
                       className="absolute inset-0 w-full h-full object-cover object-center "
                     />
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..7ea57ee
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,35 @@
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: docker-next
+    
+    env_file:
+      - .env
+    ports:
+      - '3000:3000'
+    volumes:
+      - .:/app
+      - /app/node_modules
+    labels:
+      - traefik.enable=true
+      - traefik.docker.network=traefik-public
+      - traefik.constraint-label=traefik-public
+
+      - traefik.http.services.${STACK_NAME?Variable not set}-frontend.loadbalancer.server.port=80
+
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-http.rule=Host(`${DOMAIN?Variable not set}`) || Host(`www.${DOMAIN?Variable not set}`)
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-http.entrypoints=http
+
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-https.rule=Host(`${DOMAIN?Variable not set}`) || Host(`www.${DOMAIN?Variable not set}`)
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-https.entrypoints=https
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-https.tls=true
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-https.tls.certresolver=le
+
+      # Enable www redirection for HTTP and HTTPS
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-https.middlewares=${STACK_NAME?Variable not set}-www-redirect
+      - traefik.http.routers.${STACK_NAME?Variable not set}-frontend-http.middlewares=https-redirect,${STACK_NAME?Variable not set}-www-redirect  
+    networks:
+      - traefik-public
+      - default  
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..c2a2a0439812fa49e5dec061d4d704fe6de2aac5
GIT binary patch
literal 44158
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
G`TqyqUUlgJ

literal 0
HcmV?d00001

diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..c2a2a0439812fa49e5dec061d4d704fe6de2aac5
GIT binary patch
literal 44158
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
G`TqyqUUlgJ

literal 0
HcmV?d00001

diff --git a/utils/index.ts b/utils/index.ts
index 166146d..ae353d3 100644
--- a/utils/index.ts
+++ b/utils/index.ts
@@ -11,7 +11,7 @@ export async function postMessage(data: MessageProps) {
     };
 
     const body = JSON.stringify(data);
-    const url = `http://localhost/api/v1/messages/`;
+    const url = `${process.env.NEXT_PUBLIC_API_URL}messages/`;
 
     try {
         const response = await fetch(url, {
@@ -41,7 +41,7 @@ export async function fetchAboutus() {
     const headers: HeadersInit = {
         accept: "application/json"
     };
-    const url = `${process.env.api_url}aboutUs`;
+    const url = `${process.env.NEXT_PUBLIC_API_URL}aboutUs/`;
     console.log('Fetching from URL:', url);
     try {
         const response = await fetch(url, { headers });
@@ -67,7 +67,7 @@ export async function fetchCourses() {
         accept: "application/json"
     };
 
-    const url = `${process.env.api_url}course/?skip=0&limit=100`;
+    const url = `${process.env.NEXT_PUBLIC_API_URL}course/?skip=0&limit=100`;
     console.log('Fetching from URL:', url);
 
     try {
@@ -83,7 +83,11 @@ export async function fetchCourses() {
             info_images: course?.info_images?.sort((a: any, b: any) => a.index - b.index),
         }));
 
-        return coursesArray;
+        const sortedCoursesArray = coursesArray.sort((a, b) =>
+            new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
+        );
+
+        return sortedCoursesArray;
     } catch (error) {
         console.error('Fetch error:', error);
         throw error;
@@ -95,7 +99,7 @@ export async function fetchCourse(id: string) {
         accept: "application/json"
     };
 
-    const url = `${process.env.api_url}course/${id}`;
+    const url = `${process.env.NEXT_PUBLIC_API_URL}course/${id}/`;
     console.log('Fetching from URL:', url);
 
     try {
@@ -120,7 +124,7 @@ export async function fetchSettings() {
     const headers: HeadersInit = {
         accept: "application/json"
     };
-    const url = `${process.env.api_url}setting`;
+    const url = `${process.env.NEXT_PUBLIC_API_URL}setting/`;
     console.log('Fetching from URL:', url);
     try {
         const response = await fetch(url, { headers });