4994d4a8ef09e9f333e9fa0517f38af5cf5e6605
🚀 Jouwdriedee.nl — 3D Print Webshop & Maatwerk Studio
Welkom bij de broncode van jouwdriedee.nl, een moderne webshop en maatwerkservice voor 3D-geprinte artikelen.
🛠️ Tech Stack
- Framework: Laravel 11 (PHP 8.3+)
- Frontend: Tailwind CSS v4 + Alpine.js + Lucide Icons + Vite
- Database: SQLite (standaard out-of-the-box, volume-persistent) of PostgreSQL / MySQL
- Hosting & CI/CD: CasaOS + Gitea + Coolify
🌟 Belangrijkste Features
- Geavanceerde 3D Print Catalogus:
- Categorieën: Home & Interieur, Bureau & Tech, Gereedschap, Gadgets & Speelgoed, Custom prints.
- Filters op materiaal (PLA+, PETG, TPU Flexibel, Resin) en sortering.
- Interactieve 3D Product Configurator:
- Live materiaalkiezer met realtime prijscalculator (verschillende toeslagen per filamenttype).
- Kleur-swatches met visuele indicators.
- Schaal & afmetingenkiezer (100%, 150%, 200%).
- Eigen STL / CAD Upload Service:
- Klanten kunnen rechtstreeks hun eigen
.stl,.stepof.objbestand uploaden met gewenste specificaties voor een vrijblijvende offerte.
- Klanten kunnen rechtstreeks hun eigen
- Winkelwagen & Afrekenmodule:
- Overzichtelijke winkelwagen met live calculatie en gratis verzending drempelwaarde (€ 50,-).
- Geoptimaliseerd afrekenformulier met ondersteuning voor iDEAL, Bancontact en handmatige overboeking.
- Live Print & Productie Status Tracker (Ontvangen → Slicing & Printwachtrij → 3D Printen → Kwaliteitscontrole & Verzenden).
💻 Lokale Ontwikkeling (Windows)
1. Repository clonen & dependencies
# Ga naar de map
cd c:\Development\jouwdriedee
# Installeer backend dependencies
composer install
# Installeer frontend dependencies
npm install
2. Database & Migraties
# Voer migraties en demonstratie-data uit (categorieën, materialen, kleuren, producten)
php artisan migrate --seed
3. Ontwikkelserver starten
# Terminal 1: Laravel webserver (standaard op http://localhost:8000)
php artisan serve
# Terminal 2: Vite Hot-Module-Replacement
npm run dev
🐳 Deployment op Coolify (CasaOS + Gitea)
Coolify detecteert dit project automatisch dankzij de meegeleverde nixpacks.toml en Dockerfile.
Stap-voor-stap inrichten in Coolify:
- Open je Coolify Dashboard.
- Klik op + New Resource → Application → Public or Private Git Repository.
- Vul de Gitea URL in:
https://git.webenpcstudio.nl/NiekRabelink/jouwdriedee.git(en selecteer je Gitea credentials). - Build Pack: Laat op Nixpacks staan (of kies Dockerfile).
- Environment Variables (
.env) in Coolify:APP_NAME="Jouwdriedee.nl"APP_ENV=productionAPP_DEBUG=falseAPP_URL=https://jouwdriedee.nlAPP_KEY(genereer een sleutel metphp artisan key:generate --show)DB_CONNECTION=sqlite
- Persistent Storage (Volumes) in Coolify:
- Koppel een volume voor de database en uploads zodat data behouden blijft bij nieuwe deployments:
/app/database→ persistente SQLite database/app/storage/app/public→ geüploade 3D bestanden
- Koppel een volume voor de database en uploads zodat data behouden blijft bij nieuwe deployments:
- Domein: Koppel
https://jouwdriedee.nl. Coolify regelt automatisch het SSL-certificaat (Let's Encrypt). - Klik op Deploy!
Description
Languages
Blade
64.4%
PHP
35.2%
Dockerfile
0.2%
CSS
0.1%