Add Drupal headless stack with Next.js frontend
- Add Next.js frontend service (nextjs) with Dockerfile and source - Update docker-compose.yml: image names, Drupal 11.3.3, nextjs service - Add docker-compose.override.yml.disabled for dev hot-reload - Add install-headless-modules.sh for OAuth/JSON:API module setup - Add README.md with full setup and configuration guide - Update nginx/Dockerfile and nginx.conf.template for cms. subdomain - Update drupal/Dockerfile PHP-FPM build args - Gitignore **/.vscode/ to prevent IDE workspace files from being tracked
This commit is contained in:
parent
71a8dac389
commit
f8b8f53d54
85 changed files with 7802 additions and 17 deletions
21
drupal/nextjs/components/node-page.tsx
Normal file
21
drupal/nextjs/components/node-page.tsx
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
import type { DrupalNode } from "@/lib/types"
|
||||
|
||||
interface NodePageProps {
|
||||
node: DrupalNode
|
||||
}
|
||||
|
||||
export function NodePage({ node }: NodePageProps) {
|
||||
return (
|
||||
<article className="mx-auto max-w-4xl">
|
||||
<h1 className="mb-4 text-4xl font-bold tracking-tight text-emerald-600">
|
||||
{node.title}
|
||||
</h1>
|
||||
{node.body?.processed && (
|
||||
<div
|
||||
className="pemerald pemerald-slate max-w-none pemerald-a:text-emerald-600 pemerald-a:underline hover:pemerald-a:text-emerald-500"
|
||||
dangerouslySetInnerHTML={{ __html: node.body.processed }}
|
||||
/>
|
||||
)}
|
||||
</article>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue