feat(website): add blog system with Nuxt Content v3 #21
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Integrate Nuxt Content v3 as a blog system with full multilingual support for all 10 existing locales. Features: - Locale-specific collections with English fallback - Blog listing page with card grid layout - Individual post pages with styled prose content - SEO meta tags (og:image, article:published_time, etc.) - Navigation link in sidebar New files: - content.config.ts: Collection definitions with Zod schema - BlogCard.vue: Card component for blog listing - BlogMeta.vue: Post metadata display (date, author, tags) - pages/blog/index.vue: Blog listing with locale fallback - pages/blog/[slug].vue: Individual post with ContentRenderer - content/blog/en/hello-world.md: Sample blog post Dependencies: - @nuxt/content - better-sqlite3
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Integrates Nuxt Content v3 as a blog system into the whis.ink website with full multilingual support.
/blogwith card grid layout/blog/[slug]with styled markdown contentChanges
New Files
content.config.ts- Nuxt Content collection definitionsapp/components/BlogCard.vue- Card component for listingsapp/components/BlogMeta.vue- Post metadata displayapp/pages/blog/index.vue- Blog listing pageapp/pages/blog/[slug].vue- Individual post pagecontent/blog/en/hello-world.md- Sample postModified Files
nuxt.config.ts- Added @nuxt/content module, blog prerender routesapp/layouts/default.vue- Added blog to navigationi18n/locales/*.json- Added blog translations (all 10 locales)package.json- Added @nuxt/content, better-sqlite3Local Development
Based on a wonderful chitchat with @Laurens-HanzeLink , we spoke about mutliple things, while speaking we draft this pr.
Best regards,
Frank ✌️