Merge 6d857ffc49 into c204a54815

.dockerignore

@@ -0,0 +1,3 @@
+.next
+node_modules
+

Dockerfile

@@ -0,0 +1,13 @@
+FROM node:18-alpine
+
+WORKDIR /usr/src/app
+
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+RUN npm run build
+
+EXPOSE 3000
+
+CMD ["npm", "start"]

README.md

@@ -2,4 +2,15 @@
 
 Frontend for a game jam site
 
-Under construction currently, I just quickly slapped together a splash page in 30 mins to show instead of the usual site progress and it will slowly get added back and polished over time
+To run using next.js (for development)
+
+```
+npm i
+npm run dev
+```
+
+To run using docker and docker compose
+
+```
+docker compose up --build -d
+```

docker-compose.yml

@@ -0,0 +1,9 @@
+version: "3.8"
+services:
+  nextjs-app:
+    build:
+      context: .
+    ports:
+      - "127.0.0.1:3004:3000"
+    environment:
+      NODE_ENV: production

src/components/navbar/index.tsx

@@ -21,7 +21,7 @@ export default function Navbar() {
           href="/"
           className="duration-500 ease-in-out transition-all transform hover:scale-110"
         >
-          <Image src="/images/edikoyo.png" width={160} />
+          <Image src="/images/edikoyo.png" alt="Edikoyo logo" width={160} />
         </Link>
       </NavbarBrand>
       <NavbarContent>

src/components/posts/index.tsx

@@ -9,7 +9,7 @@ export default function Posts() {
 
   useEffect(() => {
     const fetchPosts = async () => {
-      const response = await fetch("http://localhost:3005/api/v1/posts");
+      const response = await fetch("https://jam.edikoyo.com/api/v1/posts");
       setPosts(await response.json());
     };
 

src/components/timers/Timer.tsx

@@ -6,7 +6,7 @@ export default function Timer({
   name,
   targetDate,
 }: {
-  name: String;
+  name: string;
   targetDate: Date;
 }) {
   const [timeLeft, setTimeLeft] = useState(targetDate.getTime() - Date.now());