Initial commit: loop42.de hello world (Vite + nginx Docker)

This commit is contained in:
Nico 2026-03-30 22:12:34 +02:00
commit 9418aae24f
8 changed files with 94 additions and 0 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
node_modules/
dist/

11
Dockerfile Normal file
View File

@ -0,0 +1,11 @@
FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
FROM nginx:alpine
COPY --from=builder /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80

5
docker-compose.yml Normal file
View File

@ -0,0 +1,5 @@
services:
web:
build: .
ports:
- "8080:80"

15
index.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>loop42</title>
<link rel="stylesheet" href="/src/style.css">
</head>
<body>
<main>
<h1>loop42</h1>
<p>coming soon</p>
</main>
</body>
</html>

12
nginx.conf Normal file
View File

@ -0,0 +1,12 @@
server {
listen 80;
root /usr/share/nginx/html;
index index.html;
location / {
try_files $uri $uri/ $uri.html =404;
}
gzip on;
gzip_types text/css application/javascript image/svg+xml;
}

13
package.json Normal file
View File

@ -0,0 +1,13 @@
{
"name": "loop42-web",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"devDependencies": {
"vite": "^6.0.0"
}
}

29
src/style.css Normal file
View File

@ -0,0 +1,29 @@
*, *::before, *::after { box-sizing: border-box; }
body {
margin: 0;
background: #0a0a0a;
color: #eee;
font-family: sans-serif;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
main {
text-align: center;
}
h1 {
font-size: 2rem;
font-weight: 300;
letter-spacing: 0.2em;
margin: 0 0 0.5rem;
}
p {
opacity: 0.4;
font-size: 0.9rem;
margin: 0;
}

7
vite.config.ts Normal file
View File

@ -0,0 +1,7 @@
import { defineConfig } from 'vite'
export default defineConfig({
build: {
outDir: 'dist',
},
})