02cef8d619
Breaking change: Weekly schedule is now reference-only - Remove nonWorking modifier and gray styling - All calendar days show as green (available) by default - Only manually blocked dates show as red - Remove confirmation prompts about work schedule - Update UI text to clarify: 'all days are open unless manually blocked' - Weekly schedule section now explains it's reference information only This aligns with the actual business logic: Christian sets his normal work hours for 2-3 weeks at a time, and the calendar should be open for bookings on all days unless he manually blocks specific dates (vacation, sick days, etc.)
Warme Catering Website
En moderne hjemmeside for catering og private dining services. Bygget med Next.js 14, TypeScript og Tailwind CSS.
Features
- Moderne og responsivt design
- Online menu oversigt og bestilling
- Admin dashboard for bookings
- Dynamisk prissætning baseret på antal gæster
- Pakke- og menu-konfiguration
Tech Stack
- Next.js 14 med App Router
- TypeScript
- Tailwind CSS
- React Server Components
- date-fns for datohåndtering
- react-day-picker for kalenderbooking
Kom i gang
-
Klon repositoriet:
git clone https://github.com/alexpolo1/kokken.git -
Installer dependencies:
npm install -
Start development server:
npm run dev -
Åbn http://localhost:3000 i din browser
Struktur
/src/app/*- Next.js App Router pages/src/components/*- React komponenter/src/config/*- Konfiguration og sample data/src/lib/*- Utility functions/src/types/*- TypeScript type definitioner
Deployment & database
Environment variables are required and must be set in a local .env file (do NOT commit it).
Required env vars (see .env.example):
OPENAI_KEY- OpenAI API key used by image generation (optional)DB_HOST,DB_USER,DB_PASSWORD,DB_NAME- MariaDB connectionADMIN_USER,ADMIN_PASSWORD- basic-auth for admin area
Run database migrations (builds helper scripts then runs migration):
npm run migrate
Build and start the production server:
npm run build
node server.mjs
Generate images (script will skip images that already exist and uses scripts/image-cache.json):
node scripts/generate-images.mjs
Notes:
- The repo ignores
.env*files. Keep secrets in.envor your deployment environment. - Generated images can be large; a small number of generated images were removed from git and the project ignores
public/img/generated/. If you want generated images checked into the repo, move them intopublic/img/and commit explicitly. - For production process management the project includes PM2 scripts in
package.json(seepm2:*scripts).
Office365 / SMTP (app password)
If you plan to use an Office365 mailbox with SMTP (app password):
- Enable SMTP AUTH for the mailbox (tenant settings may block it by default).
- If the mailbox has MFA enabled, create an app password for the mailbox and use it as
SMTP_PASS.- Microsoft 365: My account -> Security info -> Add method -> App password (or use admin center to manage).
- Set these env vars in your local
.env:
SMTP_HOST=smtp.office365.com
SMTP_PORT=587
SMTP_USER=christian@warme.dk
SMTP_PASS=your-app-password
SENDER_EMAIL=christian@warme.dk
BOOKING_EMAIL=christian@warme.dk
- The contact API will send mail using the authenticated mailbox as the From address and set Reply-To to the visitor's email so replies go to them.
If you prefer a more modern and robust approach we can switch to Microsoft Graph API with OAuth2 (recommended for production).