content
\"}};var F={element:\"span\",mutate:function mutate(e){e.setAttribute(\"style\",\"display: -webkit-flex; display: -ms-flexbox; display: flex;\");e.innerHTML='hello'}};var I={element:\"form\",mutate:function mutate(e){e.setAttribute(\"tabindex\",0);e.setAttribute(\"disabled\",\"disabled\")}};var L={element:\"a\",mutate:function mutate(e){e.href=\"#void\";e.innerHTML='scrollable content
';return e.querySelector(\"div\")}};var J={element:\"div\",mutate:function mutate(e){e.setAttribute(\"style\",\"width: 100px; height: 50px;\");e.innerHTML='scrollable content
'}};var X={element:\"div\",mutate:function mutate(e){e.setAttribute(\"style\",\"width: 100px; height: 50px; overflow: auto;\");e.innerHTML='scrollable content
'}};var Q={element:\"details\",mutate:function mutate(e){e.innerHTML=\"content
\";return e.firstElementChild}};function makeFocusableForeignObject(){var e=document.createElementNS(\"http://www.w3.org/2000/svg\",\"foreignObject\");e.width.baseVal.value=30;e.height.baseVal.value=30;e.appendChild(document.createElement(\"input\"));e.lastChild.type=\"text\";return e}function focusSvgForeignObjectHack(e){var t=e.ownerSVGElement||e.nodeName.toLowerCase()===\"svg\";if(!t){return false}var r=makeFocusableForeignObject();e.appendChild(r);var n=r.querySelector(\"input\");n.focus();n.disabled=true;e.removeChild(r);return true}function generate(e){return'\"}function focus(e){if(e.focus){return}try{HTMLElement.prototype.focus.call(e)}catch(t){focusSvgForeignObjectHack(e)}}function validate(e,t,r){focus(t);return r.activeElement===t}var ee={element:\"div\",mutate:function mutate(e){e.innerHTML=generate('
+
+ );
+}
diff --git a/components/Navbar.js b/components/Navbar.js
index 14497b7..0c1da3e 100644
--- a/components/Navbar.js
+++ b/components/Navbar.js
@@ -9,7 +9,8 @@ export default function Navbar() {
const navItems = [
{ name: 'Start', href: '/' },
{ name: 'Über uns', href: '/about' },
- { name: 'Leistungen', href: '/services' },
+ { name: 'Projekte', href: '/projects' },
+ { name: 'DevLog', href: '/devlog' },
{ name: 'Kontakt', href: '/contact' },
];
diff --git a/data/devlog.json b/data/devlog.json
new file mode 100644
index 0000000..b319de3
--- /dev/null
+++ b/data/devlog.json
@@ -0,0 +1,16 @@
+[
+ {
+ "date": "20. August 2025",
+ "title": "Projektstart: Textbased Survival",
+ "description": "Wir haben mit der Entwicklung eines spannenden textbasierten Survival-Spiels begonnen.",
+ "slug": "textbased-survival",
+ "image": "/assets/images/textbased-survival.png",
+ "content": [
+ {
+ "type": "text",
+ "value": "asdasdasdasdasdasdasd"
+ }
+ ],
+ "index": 0
+ }
+]
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
index 93d7569..7afe2ea 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -7,6 +7,8 @@ services:
restart: unless-stopped
environment:
- NODE_ENV=production
+ - ADMIN_USERNAME=${ADMIN_USERNAME}
+ - ADMIN_PASSWORD=${ADMIN_PASSWORD}
labels:
- "traefik.enable=true"
- "traefik.http.routers.pixelbrew.rule=Host(`pixelbrew.de`)"
diff --git a/middleware.js b/middleware.js
new file mode 100644
index 0000000..27b5352
--- /dev/null
+++ b/middleware.js
@@ -0,0 +1,24 @@
+import { NextResponse } from 'next/server';
+
+export function middleware(request) {
+ // Prüfe nur Admin-Routen
+ if (request.nextUrl.pathname.startsWith('/admin')) {
+ const isAuthenticated = request.cookies.get('isAuthenticated');
+
+ // Wenn nicht authentifiziert und nicht bereits auf der Login-Seite, leite zur Login-Seite weiter
+ if (!isAuthenticated && !request.nextUrl.pathname.startsWith('/admin/login')) {
+ return NextResponse.redirect(new URL('/admin/login', request.url));
+ }
+
+ // Wenn authentifiziert und auf der Login-Seite, leite zum Admin-Panel weiter
+ if (isAuthenticated && request.nextUrl.pathname.startsWith('/admin/login')) {
+ return NextResponse.redirect(new URL('/admin', request.url));
+ }
+ }
+
+ return NextResponse.next();
+}
+
+export const config = {
+ matcher: '/admin/:path*'
+};
diff --git a/pages/about.js b/pages/about.js
index 287e0f8..c6153e1 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -20,8 +20,8 @@ export default function About() {
>
+
+
+
+
+ Admin Login
+Über Pixelbrew
- Seit 2025 entwickeln wir innovative digitale Lösungen für unsere Kunden. - Unser Ziel ist es, moderne und nachhaltige Weberlebnisse zu schaffen. + Seit 2025 sind wir spezialisiert auf die Entwicklung innovativer Apps und Spiele. + Unser Ziel ist es, kreative und fesselnde digitale Erlebnisse zu schaffen, die Nutzer begeistern.
diff --git a/pages/admin/index.js b/pages/admin/index.js new file mode 100644 index 0000000..8c69cdd --- /dev/null +++ b/pages/admin/index.js @@ -0,0 +1,189 @@ +import { useState } from 'react'; +import devlogData from '../../data/devlog.json'; + +export default function AdminPanel() { + const [entries, setEntries] = useState(devlogData); + const [selectedEntry, setSelectedEntry] = useState(null); + const emptyEntry = { + date: new Date().toLocaleDateString('de-DE'), + title: '', + description: '', + slug: '', + image: '', + content: [] + }; + + const handleSave = async (entry, index = null) => { + let updatedEntries; + + if (index !== null) { + // Bearbeite bestehenden Eintrag + updatedEntries = entries.map((e, i) => i === index ? entry : e); + } else { + // Füge neuen Eintrag hinzu + updatedEntries = [...entries, entry]; + } + + try { + const response = await fetch('/api/update-devlog', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(updatedEntries), + }); + + if (!response.ok) throw new Error('Fehler beim Speichern'); + + setEntries(updatedEntries); + setSelectedEntry(null); + } catch (error) { + console.error('Fehler:', error); + alert('Fehler beim Speichern der Änderungen'); + } + }; + + const EntryForm = ({ entry, onSave }) => { + const [formData, setFormData] = useState(entry); + const [contentList, setContentList] = useState(entry.content || []); + + const handleContentAdd = (type) => { + setContentList([...contentList, { type, value: '' }]); + }; + + const handleContentChange = (index, value) => { + const newContent = [...contentList]; + newContent[index].value = value; + setContentList(newContent); + setFormData({ ...formData, content: newContent }); + }; + + const handleContentRemove = (index) => { + setContentList(contentList.filter((_, i) => i !== index)); + setFormData({ + ...formData, + content: contentList.filter((_, i) => i !== index) + }); + }; + + return ( +
+
+ setFormData({ ...formData, title: e.target.value })}
+ className="w-full p-2 border rounded"
+ />
+ setFormData({ ...formData, description: e.target.value })}
+ className="w-full p-2 border rounded"
+ />
+ setFormData({ ...formData, slug: e.target.value })}
+ className="w-full p-2 border rounded"
+ />
+ setFormData({ ...formData, image: e.target.value })}
+ className="w-full p-2 border rounded"
+ />
+
+
+
Inhalt
+ {contentList.map((content, index) => ( +
+