Scaffold full project: Vue 3/Inertia frontend, Docker infra, domain model
- Frontend: Vue 3 + Inertia.js + Pinia + Tailwind CSS with layout and dashboard page - Infrastructure: Docker Compose with nginx, PHP-FPM, PostgreSQL+pgvector, Redis, Python AI service - Database: 22 migrations covering all domain entities (projects, phases, commitments, decisions, documents, handover, audit) - Models: 23 Eloquent models with relationships, casts, and 14 string-backed enums - AI service: FastAPI scaffold with health, chat, summarize, and search endpoints Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
25
resources/js/Layouts/AppLayout.vue
Normal file
25
resources/js/Layouts/AppLayout.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<script setup>
|
||||
import { Link } from '@inertiajs/vue3'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="min-h-screen bg-gray-50">
|
||||
<nav class="bg-white border-b border-gray-200">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
<span class="text-xl font-semibold text-gray-800">Innovatieplatform</span>
|
||||
</div>
|
||||
<div class="flex items-center space-x-4">
|
||||
<Link href="/dashboard" class="text-gray-600 hover:text-gray-900">Dashboard</Link>
|
||||
<Link href="/projects" class="text-gray-600 hover:text-gray-900">Projecten</Link>
|
||||
<Link href="/roadmap" class="text-gray-600 hover:text-gray-900">Roadmap</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||
<slot />
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
10
resources/js/Pages/Dashboard.vue
Normal file
10
resources/js/Pages/Dashboard.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup>
|
||||
import AppLayout from '@/Layouts/AppLayout.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<AppLayout>
|
||||
<h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
|
||||
<p class="mt-2 text-gray-600">Welkom bij het Innovatieplatform van het R&D Lab.</p>
|
||||
</AppLayout>
|
||||
</template>
|
||||
@@ -1 +1,17 @@
|
||||
import './bootstrap';
|
||||
import { createApp, h } from 'vue'
|
||||
import { createInertiaApp } from '@inertiajs/vue3'
|
||||
import { createPinia } from 'pinia'
|
||||
|
||||
createInertiaApp({
|
||||
resolve: name => {
|
||||
const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
|
||||
return pages[`./Pages/${name}.vue`]
|
||||
},
|
||||
setup({ el, App, props, plugin }) {
|
||||
const pinia = createPinia()
|
||||
createApp({ render: () => h(App, props) })
|
||||
.use(plugin)
|
||||
.use(pinia)
|
||||
.mount(el)
|
||||
},
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user