ADD: NuxtContent
For RichText and blog later
This commit is contained in:
parent
9930b39578
commit
73f09ad76e
8 changed files with 3230 additions and 428 deletions
|
|
@ -3,13 +3,7 @@
|
||||||
<h2>Jetzt mal ganz konkret.</h2>
|
<h2>Jetzt mal ganz konkret.</h2>
|
||||||
<h3>In diesem Abschnitt ganz <span class="highlight">ohne Technik-Blabla</span>.</h3>
|
<h3>In diesem Abschnitt ganz <span class="highlight">ohne Technik-Blabla</span>.</h3>
|
||||||
<div class="skill-container flex-col margin-top gap-default">
|
<div class="skill-container flex-col margin-top gap-default">
|
||||||
<Teaser
|
<ContentRenderer v-for="skill in skills" :key="skill.id" :value="skill" :style="{ display: 'contents' }" />
|
||||||
v-for="(skill, skillIndex) in skills"
|
|
||||||
:title="skill.title"
|
|
||||||
:image="{ path: '/img/explanations/', name : skill.img, position: skillIndex % 2 ? 'right' : 'left'}"
|
|
||||||
>
|
|
||||||
<RichText :elements="skill.text" />
|
|
||||||
</Teaser>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom flex-col margin-top gap-default">
|
<div class="bottom flex-col margin-top gap-default">
|
||||||
<h3>Verwirkliche jetzt dein Webprojekt.</h3>
|
<h3>Verwirkliche jetzt dein Webprojekt.</h3>
|
||||||
|
|
@ -32,234 +26,236 @@ type Skill = {
|
||||||
|
|
||||||
const getExplanationImage = (img : string) => getImage('/img/explanations/', img)
|
const getExplanationImage = (img : string) => getImage('/img/explanations/', img)
|
||||||
|
|
||||||
const skills : Skill[] = [
|
// const skills : Skill[] = [
|
||||||
{
|
// {
|
||||||
img: 'components',
|
// img: 'components',
|
||||||
title: 'Das, was du sehen kannst',
|
// title: 'Das, was du sehen kannst',
|
||||||
text: [
|
// text: [
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Die meisten Anwendungen haben eine grafische Benutzeroberfläche - die so genannte GUI. Wenn etwas graphisch ist, ' +
|
// content: 'Die meisten Anwendungen haben eine grafische Benutzeroberfläche - die so genannte GUI. Wenn etwas graphisch ist, ' +
|
||||||
'dann bedeutet das auch natürlich, dass es sinnvoll dargestellt werden muss. Dafür verwenden wir kleine Bausteine, die wir Komponenten nennen.',
|
// 'dann bedeutet das auch natürlich, dass es sinnvoll dargestellt werden muss. Dafür verwenden wir kleine Bausteine, die wir Komponenten nennen.',
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Grundsätzlich lassen sich komplette Anwendungen und auch einfache Webseiten ziemlich cool über Komponenten aufbauen, sodass wir wiederkehrende Elemente ' +
|
// content: 'Grundsätzlich lassen sich komplette Anwendungen und auch einfache Webseiten ziemlich cool über Komponenten aufbauen, sodass wir wiederkehrende Elemente ' +
|
||||||
'wie Buttons, Textabschnitte, Links oder Teaser immer wieder verwenden können - selbst wenn sich diese in ihren Details wie Farben oder Icons unterscheiden.',
|
// 'wie Buttons, Textabschnitte, Links oder Teaser immer wieder verwenden können - selbst wenn sich diese in ihren Details wie Farben oder Icons unterscheiden.',
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Diese Komponenten so zu entwickeln, dass sie wirklich flexibel sind und auch perfekt mit dem Design übereinstimmen ist gar nicht so einfach, denn oft sollten sie ' +
|
// content: 'Diese Komponenten so zu entwickeln, dass sie wirklich flexibel sind und auch perfekt mit dem Design übereinstimmen ist gar nicht so einfach, denn oft sollten sie ' +
|
||||||
'auch mehr können als im Design kurzfristig ersichtlich ist.',
|
// 'auch mehr können als im Design kurzfristig ersichtlich ist.',
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
css: 'place-bottom bold',
|
// css: 'place-bottom bold',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Diese Voraussicht, für den Fall der Fälle vorzusorgen:',
|
// content: 'Diese Voraussicht, für den Fall der Fälle vorzusorgen:',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'br',
|
// type: 'br',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Die gibt\'s bei mir dazu.',
|
// content: 'Die gibt\'s bei mir dazu.',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'br',
|
// type: 'br',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'span',
|
// type: 'span',
|
||||||
css: 'highlight',
|
// css: 'highlight',
|
||||||
content: 'Fussel-Ehrenwort.'
|
// content: 'Fussel-Ehrenwort.'
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
],
|
// ],
|
||||||
}, {
|
// }, {
|
||||||
img: 'cms',
|
// img: 'cms',
|
||||||
title: 'Da, wo du eintragen kannst',
|
// title: 'Da, wo du eintragen kannst',
|
||||||
text: [
|
// text: [
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'In vielen Fällen ist es natürlich praktisch, wenn du einfach Inhalte einer Seite auf das ändern kannst, was gerade aktuell ist, ohne auf andere angewiesen zu sein.'
|
// content: 'In vielen Fällen ist es natürlich praktisch, wenn du einfach Inhalte einer Seite auf das ändern kannst, was gerade aktuell ist, ohne auf andere angewiesen zu sein.'
|
||||||
+ 'Damit das reibungslos möglich ist, entwickle ich dir gerne eine Anwendung oder Homepage, deren Inhalte du komplett selbst auf dem neuesten Stand halten kannst - und zwar '
|
// + 'Damit das reibungslos möglich ist, entwickle ich dir gerne eine Anwendung oder Homepage, deren Inhalte du komplett selbst auf dem neuesten Stand halten kannst - und zwar '
|
||||||
+ 'mit einem sogenannten CMS - ein ',
|
// + 'mit einem sogenannten CMS - ein ',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'span',
|
// type: 'span',
|
||||||
css: 'highlight',
|
// css: 'highlight',
|
||||||
content: 'C'
|
// content: 'C'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'ontent '
|
// content: 'ontent '
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'span',
|
// type: 'span',
|
||||||
css: 'highlight',
|
// css: 'highlight',
|
||||||
content: 'M'
|
// content: 'M'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'anagement '
|
// content: 'anagement '
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'span',
|
// type: 'span',
|
||||||
css: 'highlight',
|
// css: 'highlight',
|
||||||
content: 'S'
|
// content: 'S'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'ystem.'
|
// content: 'ystem.'
|
||||||
},
|
// },
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Für CMS setze ich in erster Linie auf die cloudbasierte Lösung ',
|
// content: 'Für CMS setze ich in erster Linie auf die cloudbasierte Lösung ',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'a',
|
// type: 'a',
|
||||||
target: '_blank',
|
// target: '_blank',
|
||||||
css: 'text',
|
// css: 'text',
|
||||||
href: 'https://www.storyblok.com',
|
// href: 'https://www.storyblok.com',
|
||||||
content: 'Storyblok'
|
// content: 'Storyblok'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: '. Dies stellt für die Meisten eine kostenlose bis kostengünstige Lösung dar ohne viel technisches Wissen mitbringen zu müssen.',
|
// content: '. Dies stellt für die Meisten eine kostenlose bis kostengünstige Lösung dar ohne viel technisches Wissen mitbringen zu müssen.',
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Falls du aber nicht möchtest, dass deine Daten auf irgendeinem Fremden server liegen - was ich durchaus verstehen kann! - dann gibt es auch die Möglichkeit mit ',
|
// content: 'Falls du aber nicht möchtest, dass deine Daten auf irgendeinem Fremden server liegen - was ich durchaus verstehen kann! - dann gibt es auch die Möglichkeit mit ',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'a',
|
// type: 'a',
|
||||||
target: '_blank',
|
// target: '_blank',
|
||||||
css: 'text',
|
// css: 'text',
|
||||||
href: 'https://www.strapi.io',
|
// href: 'https://www.strapi.io',
|
||||||
content: 'Strapi'
|
// content: 'Strapi'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: ' selbst das eigene CMS zu hosten. Das musst du dann aber allerdings selbst erledigen oder ich erledige das für dich für einen Aufpreis.',
|
// content: ' selbst das eigene CMS zu hosten. Das musst du dann aber allerdings selbst erledigen oder ich erledige das für dich für einen Aufpreis.',
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
css: 'place-bottom bold',
|
// css: 'place-bottom bold',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Nie wieder jemand anderen Fragen zu müssen, um deine Website auf dem neuesten Stand zu halten.',
|
// content: 'Nie wieder jemand anderen Fragen zu müssen, um deine Website auf dem neuesten Stand zu halten.',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'br',
|
// type: 'br',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'span',
|
// type: 'span',
|
||||||
css: 'highlight',
|
// css: 'highlight',
|
||||||
content: 'Mit Fussel-Garantie.'
|
// content: 'Mit Fussel-Garantie.'
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
],
|
// ],
|
||||||
}, {
|
// }, {
|
||||||
img: 'result',
|
// img: 'result',
|
||||||
title: 'Was dabei am Ende rauskommt',
|
// title: 'Was dabei am Ende rauskommt',
|
||||||
text: [
|
// text: [
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Grundsätzlich lässt sich das ganz einfach zusammenfassen: ',
|
// content: 'Grundsätzlich lässt sich das ganz einfach zusammenfassen: ',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'span',
|
// type: 'span',
|
||||||
css: 'highlight',
|
// css: 'highlight',
|
||||||
content: 'Dein persönlicher Webauftritt.',
|
// content: 'Dein persönlicher Webauftritt.',
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Ob du nun etwas kleineres brauchst, um ein paar Hobbies zu zeigen. Oder vielleicht etwas größeres, weil du dir ein eigenes Business aufbauen willst. Eventuell ein eigener Blog, eine komplette Applikation oder '
|
// content: 'Ob du nun etwas kleineres brauchst, um ein paar Hobbies zu zeigen. Oder vielleicht etwas größeres, weil du dir ein eigenes Business aufbauen willst. Eventuell ein eigener Blog, eine komplette Applikation oder '
|
||||||
+ 'die Möglichkeit für andere Leute deine Daten bereit zu stellen. All das, das kann ich dir mit meinen Fähigkeiten und meiner Erfahrung bieten.'
|
// + 'die Möglichkeit für andere Leute deine Daten bereit zu stellen. All das, das kann ich dir mit meinen Fähigkeiten und meiner Erfahrung bieten.'
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Erkunde einfach meine ',
|
// content: 'Erkunde einfach meine ',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'a',
|
// type: 'a',
|
||||||
href: '/references',
|
// href: '/references',
|
||||||
content: 'Referenzen'
|
// content: 'Referenzen'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: ' und dir wird auffallen, dass diese äußerst durchmischt und bunt sind. So individuell wie die Projekte meiner bisherigen Kunden wird auch dein Projekt behandelt. Und auch, wenn '
|
// content: ' und dir wird auffallen, dass diese äußerst durchmischt und bunt sind. So individuell wie die Projekte meiner bisherigen Kunden wird auch dein Projekt behandelt. Und auch, wenn '
|
||||||
+ 'du glaubst, dass die Referenzen nicht zu deinem Projekt passen, werden wir deine ganz individuelle Lösung gemeinsam erarbeiten.'
|
// + 'du glaubst, dass die Referenzen nicht zu deinem Projekt passen, werden wir deine ganz individuelle Lösung gemeinsam erarbeiten.'
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'p',
|
// type: 'p',
|
||||||
css: 'place-bottom bold',
|
// css: 'place-bottom bold',
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: 'plain',
|
// type: 'plain',
|
||||||
content: 'Denn jedes Projekt ist etwas eigenes und besonderes.',
|
// content: 'Denn jedes Projekt ist etwas eigenes und besonderes.',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'br',
|
// type: 'br',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: 'span',
|
// type: 'span',
|
||||||
css: 'highlight',
|
// css: 'highlight',
|
||||||
content: 'Auch deins.'
|
// content: 'Auch deins.'
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
},
|
// },
|
||||||
],
|
// ],
|
||||||
}
|
// }
|
||||||
]
|
// ]
|
||||||
|
|
||||||
|
const skills = await queryCollection('skills').all()
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
23
content.config.ts
Normal file
23
content.config.ts
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { defineContentConfig, defineCollection, z } from '@nuxt/content'
|
||||||
|
|
||||||
|
export default defineContentConfig({
|
||||||
|
collections: {
|
||||||
|
blog: defineCollection({
|
||||||
|
type: 'page',
|
||||||
|
source: 'blog/**/*.md'
|
||||||
|
}),
|
||||||
|
|
||||||
|
skills: defineCollection({
|
||||||
|
type: 'page',
|
||||||
|
source: 'snippets/skills/*.md',
|
||||||
|
schema: z.object({
|
||||||
|
title: z.string(),
|
||||||
|
img: z.object({
|
||||||
|
path: z.string(),
|
||||||
|
name: z.string(),
|
||||||
|
position: z.string(),
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
19
content/snippets/skills/1.see.md
Normal file
19
content/snippets/skills/1.see.md
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
::teaser
|
||||||
|
---
|
||||||
|
title: "Das, was du sehen kannst"
|
||||||
|
image:
|
||||||
|
path: "/img/explanations/"
|
||||||
|
name: "components"
|
||||||
|
position: "left"
|
||||||
|
---
|
||||||
|
|
||||||
|
Die meisten Anwendungen haben eine grafische Benutzeroberfläche - die sogenannte GUI. Wenn etwas grafisch ist, bedeutet das auch natürlich, dass es sinnvoll dargestellt werden muss. Dafür verwenden wir kleine Bausteine, die wir Komponenten nennen.
|
||||||
|
|
||||||
|
Grundsätzlich lassen sich komplette Anwendungen und auch einfache Webseiten ziemlich cool mit Komponenten aufbauen, sodass wir wiederkehrende Elemente wie Buttons, Textabschnitte, Links oder Teaser immer wieder verwenden können – selbst wenn sich diese in ihren Details wie Farben oder Icons unterscheiden.
|
||||||
|
|
||||||
|
Diese Komponenten so zu entwickeln, dass sie wirklich flexibel sind und auch perfekt mit dem Design übereinstimmen, ist gar nicht so einfach, denn oft sollten sie auch mehr können, als im Design kurzfristig ersichtlich ist.
|
||||||
|
|
||||||
|
**Diese Voraussicht, für den Fall der Fälle vorzusorgen:**
|
||||||
|
**Die gibt's bei mir dazu.**
|
||||||
|
<span class="highlight">Fussel-Ehrenwort.</span>
|
||||||
|
::
|
||||||
18
content/snippets/skills/2.edit.md
Normal file
18
content/snippets/skills/2.edit.md
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
::teaser
|
||||||
|
---
|
||||||
|
title: "Da, wo du eintragen kannst"
|
||||||
|
image:
|
||||||
|
path: "/img/explanations/"
|
||||||
|
name: "cms"
|
||||||
|
position: "right"
|
||||||
|
---
|
||||||
|
|
||||||
|
In vielen Fällen ist es natürlich praktisch, wenn du einfach Inhalte einer Seite auf das ändern kannst, was gerade aktuell ist, ohne auf andere angewiesen zu sein. Damit das reibungslos möglich ist, entwickle ich dir gerne eine Anwendung oder Homepage, deren Inhalte du komplett selbst auf dem neuesten Stand halten kannst – und zwar mit einem sogenannten <span class="highlight">CMS</span> – ein <span class="highlight">C</span>ontent <span class="highlight">M</span>anagement <span class="highlight">S</span>ystem.
|
||||||
|
|
||||||
|
Für CMS setze ich in erster Linie auf die cloudbasierte Lösung [Storyblok <Icon name="ph:arrow-square-out-duotone" mode="svg" />](https://www.storyblok.com){class="inline-flex-row text"}. Dies stellt für die Meisten eine kostenlose bis kostengünstige Lösung dar ohne viel technisches Wissen mitbringen zu müssen.
|
||||||
|
|
||||||
|
Falls du aber nicht möchtest, dass deine Daten auf irgendeinem Fremden Server liegen – was ich durchaus verstehen kann! – dann gibt es auch die Möglichkeit mit [Strapi <Icon name="ph:arrow-square-out-duotone" mode="svg" />](https://strapi.io){class="inline-flex-row text"} selbst das eigene CMS zu hosten. Das musst du dann aber allerdings selbst erledigen oder ich erledige das für dich für einen Aufpreis.
|
||||||
|
|
||||||
|
**Nie wieder jemand anderen fragen zu müssen, um deine Website auf dem neuesten Stand zu halten.**
|
||||||
|
<span class="highlight">Mit Fussel-Garantie.</span>
|
||||||
|
::
|
||||||
18
content/snippets/skills/3.result.md
Normal file
18
content/snippets/skills/3.result.md
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
::teaser
|
||||||
|
---
|
||||||
|
title: "Was dabei am Ende rauskommt"
|
||||||
|
image:
|
||||||
|
path: "/img/explanations/"
|
||||||
|
name: "result"
|
||||||
|
position: "left"
|
||||||
|
---
|
||||||
|
|
||||||
|
Grundsätzlich lässt sich das ganz einfach zusammenfassen: <span class="highlight">Dein persönlicher Webauftritt.</span>
|
||||||
|
|
||||||
|
Ob du nun etwas kleineres brauchst, um ein paar Hobbies zu zeigen. Oder vielleicht etwas größeres, weil du dir ein eigenes Business aufbauen willst. Eventuell ein eigener Blog, eine komplette Applikation oder die Möglichkeit für andere Leute deine Daten bereit zu stellen. All das, das kann ich dir mit meinen Fähigkeiten und meiner Erfahrung bieten.
|
||||||
|
|
||||||
|
Erkunde einfach meine [Referenzen <Icon name="ph:link-simple-duotone" mode="svg" />](references/){class="inline-flex-row text"} und dir wird auffallen, dass diese äußerst durchmischt und bunt sind. So individuell wie die Projekte meiner bisherigen Kunden wird auch dein Projekt behandelt. Und auch, wenn du glaubst, dass die Referenzen nicht zu deinem Projekt passen, werden wir deine ganz individuelle Lösung gemeinsam erarbeiten.
|
||||||
|
|
||||||
|
**Denn jedes Projekt ist etwas eigenes und besonderes.**
|
||||||
|
<span class="highlight">Auch deins.</span>
|
||||||
|
::
|
||||||
|
|
@ -8,6 +8,11 @@ export default defineNuxtConfig({
|
||||||
enabled: true,
|
enabled: true,
|
||||||
},
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
global: true,
|
||||||
|
dirs: ['~/components'],
|
||||||
|
},
|
||||||
|
|
||||||
nitro: {
|
nitro: {
|
||||||
prerender: {
|
prerender: {
|
||||||
routes: [
|
routes: [
|
||||||
|
|
@ -65,7 +70,7 @@ export default defineNuxtConfig({
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
modules: ['@nuxt/icon', '@nuxt/fonts', '@vueuse/nuxt', '@nuxtjs/seo'],
|
modules: ['@nuxt/icon', '@nuxt/fonts', '@vueuse/nuxt', '@nuxtjs/seo', '@nuxt/content'],
|
||||||
|
|
||||||
icon: {
|
icon: {
|
||||||
customCollections: [
|
customCollections: [
|
||||||
|
|
|
||||||
3100
package-lock.json
generated
3100
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -24,5 +24,8 @@
|
||||||
"nuxt": "^3.17.4",
|
"nuxt": "^3.17.4",
|
||||||
"postcss-nesting": "^13.0.0",
|
"postcss-nesting": "^13.0.0",
|
||||||
"vue": "^3.5.15"
|
"vue": "^3.5.15"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@nuxt/content": "^3.5.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue