apiVersion: capsule.dev/v0.1
kind: Capsule
name: lkmeet-nextjs-app-shell
version: 0.1.0
type: template
purpose:
summary: 'Provides the foundational Next.js application structure, including the
global layout, metadata, and base styles. This capsule serves as a starting point
for a Next.js project, defining the overall look and feel.
'
owns:
- Root HTML layout
- Global CSS styles
- Application metadata (title, description, OpenGraph, Twitter)
- Favicon and touch icons
does_not_own:
- Specific page content
- Complex UI components
interfaces:
provides:
- kind: library
name: RootLayout
description: The main Next.js root layout component.
agent:
summary_for_ai: 'This capsule defines the global structure and metadata for a Next.js
application. Focus on ensuring proper HTML structure, responsive design, and correct
metadata for SEO and social sharing. The global CSS should establish a consistent
design system. All branding and specific text should be easily modifiable.
'
verification:
invariants:
- All required metadata fields (title, description, etc.) must be present.
- Global styles must not interfere with component-specific styles.
x-reuse:
notes: 'The `metadata` object in `app/layout.tsx` (title, description, twitter,
openGraph, icons) is highly specific to ''LiveKit Meet'' branding and URLs (`meet.livekit.io`).
The `themeColor` is also specific. All these values will need to be customized
for any new project. The `globals.css` contains project-specific styling for headers
and footers.
'
x-reconstruct:
install: install.json