From 79c2b62306026ba7ddcfb9a88c2851d4e54fe986 Mon Sep 17 00:00:00 2001
From: Richard Grover <38992201+richgrov@users.noreply.github.com>
Date: Tue, 20 May 2025 08:44:52 -0600
Subject: [PATCH] Initial commit
---
.dockerignore | 3 +
Dockerfile | 58 +++++++
app/page.js | 148 +++++++----------
app/page.module.css | 214 ++++++++++++------------
package-lock.json | 388 ++++++++++++++++++++++++++++++++++++++++++++
package.json | 5 +-
6 files changed, 617 insertions(+), 199 deletions(-)
create mode 100644 .dockerignore
create mode 100644 Dockerfile
create mode 100644 package-lock.json
diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..7651bc4
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,3 @@
+.env
+.next/
+node_modules/
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..7316ce6
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,58 @@
+# syntax=docker.io/docker/dockerfile:1
+
+FROM node:18-alpine AS base
+
+# Install dependencies only when needed
+FROM base AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+RUN npm i -g bun
+
+# Install dependencies based on the preferred package manager
+COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
+RUN npm i --frozen-lockfile
+
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN npm run build
+
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT=3000
+
+# server.js is created by next build from the standalone output
+# https://nextjs.org/docs/pages/api-reference/config/next-config-js/output
+ENV HOSTNAME="0.0.0.0"
+CMD ["node", "server.js"]
diff --git a/app/page.js b/app/page.js
index a9c3e29..232d47d 100644
--- a/app/page.js
+++ b/app/page.js
@@ -1,95 +1,67 @@
-import Image from "next/image";
import styles from "./page.module.css";
+import postgres from "postgres";
+
+const sql = postgres({
+ host: "localhost:5432",
+ username: process.env["USERNAME"],
+ password: process.env["PASSWORD"],
+});
+
+await sql`CREATE TABLE IF NOT EXISTS Messages(name text, message text);`;
+
+function Form() {
+ async function onSubmit(formData) {
+ "use server";
+ const name = formData.get("name");
+ const message = formData.get("message");
+ await sql`INSERT INTO Messages(name, message) VALUES (${name}, ${message})`;
+ router.refresh();
+ }
+
+ return (
+
+ );
+}
+
+function Message(props) {
+ const user = props.user;
+ const text = props.text;
+ return (
+
+ {user}: {text}
+
+ );
+}
+
+export default async function Home() {
+ const messages = await sql`SELECT * FROM Messages`;
+
+ const messageComponents = [];
+ let i = -1;
+ for (const message of messages) {
+ i++;
+ messageComponents.push(
+ ,
+ );
+ }
-export default function Home() {
return (
-
-
-
- -
- Get started by editing
app/page.js.
-
- - Save and see your changes instantly.
-
-
-
-
-
+
+ {messageComponents}