@kamod-ch/preactpress 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +87 -49
- package/bin/preactpress.mjs +5 -5
- package/dist/client/app.d.ts +1 -1
- package/dist/client/app.d.ts.map +1 -1
- package/dist/client/app.js +34 -38
- package/dist/client/app.js.map +1 -1
- package/dist/client/entry-client.js +11 -12
- package/dist/client/entry-client.js.map +1 -1
- package/dist/client/entry-ssr.d.ts +2 -2
- package/dist/client/entry-ssr.d.ts.map +1 -1
- package/dist/client/entry-ssr.js +16 -16
- package/dist/client/entry-ssr.js.map +1 -1
- package/dist/client/index.d.ts +3 -2
- package/dist/client/index.d.ts.map +1 -1
- package/dist/client/index.js +2 -1
- package/dist/client/index.js.map +1 -1
- package/dist/client/loadPage.d.ts +1 -1
- package/dist/client/loadPage.d.ts.map +1 -1
- package/dist/client/loadPage.js +12 -12
- package/dist/client/loadPage.js.map +1 -1
- package/dist/client/prefetchLinks.js +4 -4
- package/dist/client/prefetchLinks.js.map +1 -1
- package/dist/client/theme-default/AlgoliaSearch.d.ts +3 -3
- package/dist/client/theme-default/AlgoliaSearch.d.ts.map +1 -1
- package/dist/client/theme-default/AlgoliaSearch.js +15 -15
- package/dist/client/theme-default/AlgoliaSearch.js.map +1 -1
- package/dist/client/theme-default/Features.d.ts +2 -2
- package/dist/client/theme-default/Features.d.ts.map +1 -1
- package/dist/client/theme-default/Features.js +10 -8
- package/dist/client/theme-default/Features.js.map +1 -1
- package/dist/client/theme-default/Hero.d.ts +2 -2
- package/dist/client/theme-default/Hero.d.ts.map +1 -1
- package/dist/client/theme-default/Hero.js +9 -7
- package/dist/client/theme-default/Hero.js.map +1 -1
- package/dist/client/theme-default/Layout.d.ts +3 -3
- package/dist/client/theme-default/Layout.d.ts.map +1 -1
- package/dist/client/theme-default/Layout.js +56 -99
- package/dist/client/theme-default/Layout.js.map +1 -1
- package/dist/client/theme-default/Logo.d.ts +2 -2
- package/dist/client/theme-default/Logo.d.ts.map +1 -1
- package/dist/client/theme-default/Logo.js +8 -8
- package/dist/client/theme-default/Logo.js.map +1 -1
- package/dist/client/theme-default/NavLinks.d.ts +2 -2
- package/dist/client/theme-default/NavLinks.d.ts.map +1 -1
- package/dist/client/theme-default/NavLinks.js +3 -3
- package/dist/client/theme-default/NavLinks.js.map +1 -1
- package/dist/client/theme-default/SidebarNav.d.ts +2 -2
- package/dist/client/theme-default/SidebarNav.d.ts.map +1 -1
- package/dist/client/theme-default/SidebarNav.js +3 -3
- package/dist/client/theme-default/SidebarNav.js.map +1 -1
- package/dist/client/theme-default/SocialLinks.d.ts +2 -2
- package/dist/client/theme-default/SocialLinks.d.ts.map +1 -1
- package/dist/client/theme-default/SocialLinks.js +1 -1
- package/dist/client/theme-default/SocialLinks.js.map +1 -1
- package/dist/client/theme-default/ThemeToggle.d.ts +2 -3
- package/dist/client/theme-default/ThemeToggle.d.ts.map +1 -1
- package/dist/client/theme-default/ThemeToggle.js +2 -30
- package/dist/client/theme-default/ThemeToggle.js.map +1 -1
- package/dist/client/theme-default/index.d.ts +1 -1
- package/dist/client/theme-default/index.d.ts.map +1 -1
- package/dist/client/theme-default/index.js +1 -1
- package/dist/client/theme-default/index.js.map +1 -1
- package/dist/client/theme-utils.d.ts +24 -0
- package/dist/client/theme-utils.d.ts.map +1 -0
- package/dist/client/theme-utils.js +107 -0
- package/dist/client/theme-utils.js.map +1 -0
- package/dist/client/types.d.ts +5 -5
- package/dist/client/types.d.ts.map +1 -1
- package/dist/client/usePageHead.d.ts +2 -2
- package/dist/client/usePageHead.d.ts.map +1 -1
- package/dist/client/usePageHead.js +61 -56
- package/dist/client/usePageHead.js.map +1 -1
- package/dist/client/useSiteSearch.d.ts.map +1 -1
- package/dist/client/useSiteSearch.js +8 -8
- package/dist/client/useSiteSearch.js.map +1 -1
- package/dist/node/build.d.ts +1 -1
- package/dist/node/build.d.ts.map +1 -1
- package/dist/node/build.js +105 -96
- package/dist/node/build.js.map +1 -1
- package/dist/node/buildCache.d.ts.map +1 -1
- package/dist/node/buildCache.js +7 -7
- package/dist/node/buildCache.js.map +1 -1
- package/dist/node/check.d.ts +1 -1
- package/dist/node/check.d.ts.map +1 -1
- package/dist/node/check.js +52 -52
- package/dist/node/check.js.map +1 -1
- package/dist/node/cli.js +61 -64
- package/dist/node/cli.js.map +1 -1
- package/dist/node/config-helpers.d.ts +4 -4
- package/dist/node/config-helpers.d.ts.map +1 -1
- package/dist/node/config-helpers.js +1 -1
- package/dist/node/config-helpers.js.map +1 -1
- package/dist/node/config.d.ts +4 -4
- package/dist/node/config.d.ts.map +1 -1
- package/dist/node/config.js +37 -40
- package/dist/node/config.js.map +1 -1
- package/dist/node/content.d.ts +4 -4
- package/dist/node/content.d.ts.map +1 -1
- package/dist/node/content.js +28 -28
- package/dist/node/content.js.map +1 -1
- package/dist/node/createContentLoader.d.ts +1 -1
- package/dist/node/createContentLoader.d.ts.map +1 -1
- package/dist/node/createContentLoader.js +3 -3
- package/dist/node/createContentLoader.js.map +1 -1
- package/dist/node/devCss.d.ts +1 -1
- package/dist/node/devCss.d.ts.map +1 -1
- package/dist/node/devCss.js +5 -6
- package/dist/node/devCss.js.map +1 -1
- package/dist/node/devSsr.d.ts +3 -3
- package/dist/node/devSsr.d.ts.map +1 -1
- package/dist/node/devSsr.js +32 -32
- package/dist/node/devSsr.js.map +1 -1
- package/dist/node/dynamicRoutes.d.ts +2 -2
- package/dist/node/dynamicRoutes.d.ts.map +1 -1
- package/dist/node/dynamicRoutes.js +24 -24
- package/dist/node/dynamicRoutes.js.map +1 -1
- package/dist/node/favicon.d.ts +2 -2
- package/dist/node/favicon.d.ts.map +1 -1
- package/dist/node/favicon.js +26 -24
- package/dist/node/favicon.js.map +1 -1
- package/dist/node/feed.d.ts +2 -2
- package/dist/node/feed.d.ts.map +1 -1
- package/dist/node/feed.js +18 -16
- package/dist/node/feed.js.map +1 -1
- package/dist/node/hooks.d.ts +2 -2
- package/dist/node/hooks.d.ts.map +1 -1
- package/dist/node/hooks.js +1 -1
- package/dist/node/hooks.js.map +1 -1
- package/dist/node/html.d.ts +8 -8
- package/dist/node/html.d.ts.map +1 -1
- package/dist/node/html.js +75 -64
- package/dist/node/html.js.map +1 -1
- package/dist/node/index.d.ts +11 -11
- package/dist/node/index.d.ts.map +1 -1
- package/dist/node/index.js +8 -8
- package/dist/node/index.js.map +1 -1
- package/dist/node/init.d.ts +2 -0
- package/dist/node/init.d.ts.map +1 -1
- package/dist/node/init.js +59 -27
- package/dist/node/init.js.map +1 -1
- package/dist/node/lastUpdated.d.ts +2 -2
- package/dist/node/lastUpdated.d.ts.map +1 -1
- package/dist/node/lastUpdated.js +7 -4
- package/dist/node/lastUpdated.js.map +1 -1
- package/dist/node/loadSiteModule.js +2 -2
- package/dist/node/loadSiteModule.js.map +1 -1
- package/dist/node/markdown.d.ts +2 -2
- package/dist/node/markdown.d.ts.map +1 -1
- package/dist/node/markdown.js +110 -110
- package/dist/node/markdown.js.map +1 -1
- package/dist/node/markdownHeadings.d.ts +1 -1
- package/dist/node/markdownHeadings.d.ts.map +1 -1
- package/dist/node/markdownHeadings.js +11 -11
- package/dist/node/markdownHeadings.js.map +1 -1
- package/dist/node/markdownInclude.d.ts.map +1 -1
- package/dist/node/markdownInclude.js +11 -11
- package/dist/node/markdownInclude.js.map +1 -1
- package/dist/node/markdownSnippets.d.ts.map +1 -1
- package/dist/node/markdownSnippets.js +34 -34
- package/dist/node/markdownSnippets.js.map +1 -1
- package/dist/node/mdx.d.ts +1 -1
- package/dist/node/mdx.d.ts.map +1 -1
- package/dist/node/mdx.js +4 -4
- package/dist/node/mdx.js.map +1 -1
- package/dist/node/packageRoot.d.ts.map +1 -1
- package/dist/node/packageRoot.js +4 -4
- package/dist/node/packageRoot.js.map +1 -1
- package/dist/node/pageDataLoaders.d.ts +2 -2
- package/dist/node/pageDataLoaders.d.ts.map +1 -1
- package/dist/node/pageDataLoaders.js +24 -20
- package/dist/node/pageDataLoaders.js.map +1 -1
- package/dist/node/paths.d.ts.map +1 -1
- package/dist/node/paths.js +4 -4
- package/dist/node/paths.js.map +1 -1
- package/dist/node/plugin.d.ts +3 -3
- package/dist/node/plugin.d.ts.map +1 -1
- package/dist/node/plugin.js +66 -66
- package/dist/node/plugin.js.map +1 -1
- package/dist/node/resolveDeps.js +10 -10
- package/dist/node/resolveDeps.js.map +1 -1
- package/dist/node/serve.d.ts.map +1 -1
- package/dist/node/serve.js +13 -15
- package/dist/node/serve.js.map +1 -1
- package/dist/node/server.d.ts +3 -3
- package/dist/node/server.d.ts.map +1 -1
- package/dist/node/server.js +28 -25
- package/dist/node/server.js.map +1 -1
- package/dist/node/siteConfig.d.ts +12 -12
- package/dist/node/siteConfig.d.ts.map +1 -1
- package/dist/node/tagIndex.d.ts +5 -5
- package/dist/node/tagIndex.d.ts.map +1 -1
- package/dist/node/tagIndex.js +10 -10
- package/dist/node/tagIndex.js.map +1 -1
- package/dist/shared/contentChunk.d.ts.map +1 -1
- package/dist/shared/contentChunk.js +6 -6
- package/dist/shared/contentChunk.js.map +1 -1
- package/dist/shared/contentSchema.d.ts.map +1 -1
- package/dist/shared/contentSchema.js +11 -11
- package/dist/shared/contentSchema.js.map +1 -1
- package/dist/shared/deadLinks.d.ts.map +1 -1
- package/dist/shared/deadLinks.js +6 -6
- package/dist/shared/deadLinks.js.map +1 -1
- package/dist/shared/escapeHtml.js +4 -4
- package/dist/shared/escapeHtml.js.map +1 -1
- package/dist/shared/index.d.ts +14 -14
- package/dist/shared/index.d.ts.map +1 -1
- package/dist/shared/index.js +14 -14
- package/dist/shared/index.js.map +1 -1
- package/dist/shared/locale.d.ts +1 -1
- package/dist/shared/locale.d.ts.map +1 -1
- package/dist/shared/locale.js +10 -10
- package/dist/shared/locale.js.map +1 -1
- package/dist/shared/pageChrome.d.ts +4 -4
- package/dist/shared/pageChrome.d.ts.map +1 -1
- package/dist/shared/pageChrome.js +21 -21
- package/dist/shared/pageChrome.js.map +1 -1
- package/dist/shared/pageHead.d.ts +1 -1
- package/dist/shared/pageHead.d.ts.map +1 -1
- package/dist/shared/pageHead.js +4 -4
- package/dist/shared/pageHead.js.map +1 -1
- package/dist/shared/pageMeta.d.ts +5 -5
- package/dist/shared/pageMeta.d.ts.map +1 -1
- package/dist/shared/pageMeta.js +15 -17
- package/dist/shared/pageMeta.js.map +1 -1
- package/dist/shared/rewrites.d.ts +1 -1
- package/dist/shared/rewrites.d.ts.map +1 -1
- package/dist/shared/rewrites.js +2 -2
- package/dist/shared/rewrites.js.map +1 -1
- package/dist/shared/route.js +5 -5
- package/dist/shared/route.js.map +1 -1
- package/dist/shared/search.d.ts +3 -3
- package/dist/shared/search.d.ts.map +1 -1
- package/dist/shared/search.js +14 -14
- package/dist/shared/search.js.map +1 -1
- package/dist/shared/sidebar.d.ts +1 -1
- package/dist/shared/sidebar.d.ts.map +1 -1
- package/dist/shared/sidebar.js +4 -4
- package/dist/shared/sidebar.js.map +1 -1
- package/dist/shared/slug.d.ts +1 -1
- package/dist/shared/slug.d.ts.map +1 -1
- package/dist/shared/slug.js +5 -5
- package/dist/shared/slug.js.map +1 -1
- package/dist/shared/socialIcons.d.ts.map +1 -1
- package/dist/shared/socialIcons.js +4 -4
- package/dist/shared/socialIcons.js.map +1 -1
- package/dist/shared/tags.js +8 -8
- package/dist/shared/tags.js.map +1 -1
- package/dist/shared/theme.d.ts +1 -1
- package/dist/shared/theme.d.ts.map +1 -1
- package/dist/shared/theme.js +16 -10
- package/dist/shared/theme.js.map +1 -1
- package/dist/shared/themeLabels.d.ts +1 -1
- package/dist/shared/themeLabels.d.ts.map +1 -1
- package/dist/shared/themeLabels.js +26 -26
- package/dist/shared/themeLabels.js.map +1 -1
- package/dist/shared/url.d.ts.map +1 -1
- package/dist/shared/url.js +3 -3
- package/dist/shared/url.js.map +1 -1
- package/package.json +33 -9
- package/src/client/app.tsx +89 -92
- package/src/client/entry-client.tsx +17 -19
- package/src/client/entry-ssr.tsx +33 -33
- package/src/client/index.ts +16 -2
- package/src/client/loadPage.ts +37 -38
- package/src/client/prefetchLinks.ts +30 -30
- package/src/client/theme-default/AlgoliaSearch.tsx +46 -46
- package/src/client/theme-default/Features.tsx +27 -21
- package/src/client/theme-default/Hero.tsx +22 -18
- package/src/client/theme-default/Layout.tsx +189 -244
- package/src/client/theme-default/Logo.tsx +30 -40
- package/src/client/theme-default/NavLinks.tsx +21 -21
- package/src/client/theme-default/SidebarNav.tsx +29 -29
- package/src/client/theme-default/SocialLinks.tsx +11 -11
- package/src/client/theme-default/ThemeToggle.tsx +2 -78
- package/src/client/theme-default/index.ts +1 -1
- package/src/client/theme-default/styles.css +30 -21
- package/src/client/theme-utils.tsx +184 -0
- package/src/client/types.ts +30 -24
- package/src/client/usePageHead.ts +128 -128
- package/src/client/useSiteSearch.ts +34 -34
- package/src/client/virtual.d.ts +76 -76
- package/src/shared/contentChunk.ts +6 -6
- package/src/shared/contentSchema.ts +52 -49
- package/src/shared/deadLinks.ts +16 -16
- package/src/shared/escapeHtml.ts +5 -5
- package/src/shared/index.ts +21 -25
- package/src/shared/locale.ts +46 -46
- package/src/shared/pageChrome.ts +123 -123
- package/src/shared/pageHead.ts +16 -16
- package/src/shared/pageMeta.ts +79 -79
- package/src/shared/rewrites.ts +14 -16
- package/src/shared/route.ts +7 -7
- package/src/shared/search.ts +52 -52
- package/src/shared/sidebar.ts +28 -28
- package/src/shared/slug.ts +13 -13
- package/src/shared/socialIcons.ts +12 -14
- package/src/shared/tags.ts +20 -20
- package/src/shared/theme.ts +22 -13
- package/src/shared/themeLabels.ts +45 -45
- package/src/shared/url.ts +6 -10
- package/templates/default/.preactpress/config.ts +17 -17
- package/templates/default/README.md +16 -16
- package/templates/default/guide/first-five-minutes.md +21 -21
- package/templates/default/index.html +1 -1
- package/templates/default/index.md +9 -9
- package/templates/default/package.json +1 -1
- package/templates/default/pnpm-lock.yaml +5 -5
- package/templates/docs/.preactpress/config.ts +76 -56
- package/templates/docs/README.md +6 -6
- package/templates/docs/components/BenefitsGrid.tsx +45 -0
- package/templates/docs/components/CliBlock.tsx +38 -0
- package/templates/docs/components/ComparisonTable.tsx +60 -0
- package/templates/docs/components/CopyableCommand.tsx +86 -0
- package/templates/docs/components/Counter.tsx +7 -5
- package/templates/docs/components/MarketingHero.tsx +63 -0
- package/templates/docs/components/MdxDemo.tsx +96 -0
- package/templates/docs/components/References.tsx +62 -0
- package/templates/docs/components/TemplateGallery.tsx +46 -0
- package/templates/docs/components/marketing.css +992 -0
- package/templates/docs/examples/algolia-docsearch.md +33 -0
- package/templates/docs/examples/content-loader.data.ts +11 -0
- package/templates/docs/examples/content-loader.md +29 -0
- package/templates/docs/examples/dynamic-routes.md +16 -0
- package/templates/docs/examples/static-assets.md +13 -0
- package/templates/docs/guide/advanced.md +4 -4
- package/templates/docs/guide/commands.md +10 -10
- package/templates/docs/guide/configuration.md +43 -43
- package/templates/docs/guide/creating-pages.md +60 -39
- package/templates/docs/guide/custom-themes.md +9 -9
- package/templates/docs/guide/deploy.md +29 -29
- package/templates/docs/guide/first-five-minutes.md +22 -22
- package/templates/docs/guide/getting-started.md +29 -31
- package/templates/docs/guide/markdown-and-mdx.md +1 -1
- package/templates/docs/guide/routing.md +40 -40
- package/templates/docs/guide/what-is-preactpress.md +18 -18
- package/templates/docs/index.html +1 -1
- package/templates/docs/index.mdx +25 -0
- package/templates/docs/interactive.mdx +1 -1
- package/templates/docs/markdown-examples.md +73 -21
- package/templates/docs/package.json +1 -1
- package/templates/docs/packages/[pkg].md +15 -0
- package/templates/docs/packages/[pkg].paths.ts +20 -0
- package/templates/docs/parts/include-body.md +1 -0
- package/templates/docs/pnpm-lock.yaml +5 -5
- package/templates/docs/public/preactpress-example.txt +1 -0
- package/templates/docs/snippets/greet.ts +1 -1
- package/templates/hono/.preactpress/config.ts +65 -65
- package/templates/hono/.preactpress/theme/CodeSnippet.tsx +15 -15
- package/templates/hono/.preactpress/theme/FeatureGrid.tsx +7 -7
- package/templates/hono/.preactpress/theme/Hero.tsx +13 -13
- package/templates/hono/.preactpress/theme/Layout.tsx +122 -164
- package/templates/hono/.preactpress/theme/Logo.tsx +6 -6
- package/templates/hono/.preactpress/theme/ThemeToggle.tsx +3 -70
- package/templates/hono/.preactpress/theme/hono.css +31 -14
- package/templates/hono/README.md +17 -15
- package/templates/hono/components/Counter.tsx +7 -5
- package/templates/hono/de/guide/configuration.md +18 -20
- package/templates/hono/de/guide/deploy.md +29 -29
- package/templates/hono/de/guide/first-five-minutes.md +21 -21
- package/templates/hono/de/guide/getting-started.md +29 -29
- package/templates/hono/de/guide/routing.md +26 -25
- package/templates/hono/de/guide/seiten-erstellen.md +39 -39
- package/templates/hono/de/guide/what-is-preactpress.md +18 -18
- package/templates/hono/de/index.mdx +20 -17
- package/templates/hono/de/interactive.mdx +1 -1
- package/templates/hono/de/markdown-examples.md +6 -6
- package/templates/hono/de/parts/include-body.md +1 -0
- package/templates/hono/de/snippets/greet.ts +1 -1
- package/templates/hono/guide/configuration.md +25 -25
- package/templates/hono/guide/creating-pages.md +39 -39
- package/templates/hono/guide/deploy.md +29 -29
- package/templates/hono/guide/first-five-minutes.md +21 -21
- package/templates/hono/guide/getting-started.md +29 -29
- package/templates/hono/guide/routing.md +40 -40
- package/templates/hono/guide/what-is-preactpress.md +18 -18
- package/templates/hono/index.html +1 -1
- package/templates/hono/index.mdx +21 -17
- package/templates/hono/interactive.mdx +1 -1
- package/templates/hono/markdown-examples.md +6 -6
- package/templates/hono/package.json +1 -1
- package/templates/hono/parts/include-body.md +1 -0
- package/templates/hono/pnpm-lock.yaml +5 -5
- package/templates/hono/snippets/greet.ts +1 -1
- package/templates/magazine/.preactpress/config.ts +19 -19
- package/templates/magazine/.preactpress/theme/Layout.tsx +69 -172
- package/templates/magazine/.preactpress/theme/TeaserGrid.tsx +14 -14
- package/templates/magazine/.preactpress/theme/ThemeToggle.tsx +4 -70
- package/templates/magazine/.preactpress/theme/magazine.css +13 -8
- package/templates/magazine/README.md +30 -0
- package/templates/magazine/article-markets.md +2 -2
- package/templates/magazine/article-tech.mdx +10 -10
- package/templates/magazine/index.data.ts +9 -9
- package/templates/magazine/index.html +5 -1
- package/templates/magazine/index.mdx +1 -1
- package/templates/magazine/package.json +1 -1
- package/templates/magazine/pnpm-lock.yaml +2917 -0
- package/templates/docs/about.md +0 -10
- package/templates/docs/dist/404.html +0 -29
- package/templates/docs/dist/about/index.html +0 -32
- package/templates/docs/dist/assets/esm-DzlBxN5p.js +0 -110
- package/templates/docs/dist/assets/interactive-64o6YwrR.js +0 -9
- package/templates/docs/dist/assets/interactive-BedCloEw.js +0 -9
- package/templates/docs/dist/assets/main-BVLeh8GO.js +0 -1
- package/templates/docs/dist/assets/main-CreUBb3N.js +0 -1
- package/templates/docs/dist/assets/main-oodK-zZy.css +0 -2
- package/templates/docs/dist/de/guide/getting-started/index.html +0 -36
- package/templates/docs/dist/de/guide/what-is-preactpress/index.html +0 -38
- package/templates/docs/dist/de/index.html +0 -29
- package/templates/docs/dist/favicon-32.png +0 -0
- package/templates/docs/dist/favicon.png +0 -0
- package/templates/docs/dist/favicon.svg +0 -28
- package/templates/docs/dist/guide/advanced/index.html +0 -53
- package/templates/docs/dist/guide/commands/index.html +0 -89
- package/templates/docs/dist/guide/configuration/index.html +0 -196
- package/templates/docs/dist/guide/creating-pages/index.html +0 -234
- package/templates/docs/dist/guide/custom-themes/index.html +0 -52
- package/templates/docs/dist/guide/default-theme/index.html +0 -53
- package/templates/docs/dist/guide/deploy/index.html +0 -195
- package/templates/docs/dist/guide/first-five-minutes/index.html +0 -99
- package/templates/docs/dist/guide/getting-started/index.html +0 -173
- package/templates/docs/dist/guide/markdown-and-mdx/index.html +0 -59
- package/templates/docs/dist/guide/routing/index.html +0 -192
- package/templates/docs/dist/guide/what-is-preactpress/index.html +0 -141
- package/templates/docs/dist/index.html +0 -30
- package/templates/docs/dist/interactive/index.html +0 -37
- package/templates/docs/dist/markdown-examples/index.html +0 -231
- package/templates/docs/dist/preactpress-content/404.json +0 -8
- package/templates/docs/dist/preactpress-content/_index.json +0 -50
- package/templates/docs/dist/preactpress-content/about.json +0 -15
- package/templates/docs/dist/preactpress-content/de.json +0 -45
- package/templates/docs/dist/preactpress-content/de__guide__getting-started.json +0 -26
- package/templates/docs/dist/preactpress-content/de__guide__what-is-preactpress.json +0 -21
- package/templates/docs/dist/preactpress-content/guide__advanced.json +0 -46
- package/templates/docs/dist/preactpress-content/guide__commands.json +0 -26
- package/templates/docs/dist/preactpress-content/guide__configuration.json +0 -51
- package/templates/docs/dist/preactpress-content/guide__creating-pages.json +0 -71
- package/templates/docs/dist/preactpress-content/guide__custom-themes.json +0 -15
- package/templates/docs/dist/preactpress-content/guide__default-theme.json +0 -36
- package/templates/docs/dist/preactpress-content/guide__deploy.json +0 -56
- package/templates/docs/dist/preactpress-content/guide__first-five-minutes.json +0 -36
- package/templates/docs/dist/preactpress-content/guide__getting-started.json +0 -51
- package/templates/docs/dist/preactpress-content/guide__markdown-and-mdx.json +0 -31
- package/templates/docs/dist/preactpress-content/guide__routing.json +0 -71
- package/templates/docs/dist/preactpress-content/guide__what-is-preactpress.json +0 -51
- package/templates/docs/dist/preactpress-content/markdown-examples.json +0 -71
- package/templates/docs/dist/preactpress-content/tags__markdown.json +0 -16
- package/templates/docs/dist/preactpress-search.json +0 -166
- package/templates/docs/dist/preactpress-theme.js +0 -1
- package/templates/docs/dist/tags/markdown/index.html +0 -32
- package/templates/docs/index.md +0 -28
- package/templates/hono/dist/404.html +0 -29
- package/templates/hono/dist/README/index.html +0 -104
- package/templates/hono/dist/about/index.html +0 -32
- package/templates/hono/dist/assets/Counter-CCEByS-J.js +0 -1
- package/templates/hono/dist/assets/Hero--o6WMNvm.js +0 -2
- package/templates/hono/dist/assets/de-D5r6Ye70.js +0 -10
- package/templates/hono/dist/assets/hono-BXWYYdyv.js +0 -10
- package/templates/hono/dist/assets/interactive-Bxo-WBpC.js +0 -9
- package/templates/hono/dist/assets/interactive-BznI4IQ3.js +0 -9
- package/templates/hono/dist/assets/main-Bqi-VFEk.js +0 -2
- package/templates/hono/dist/assets/main-DIIN7FO0.css +0 -1
- package/templates/hono/dist/de/about/index.html +0 -32
- package/templates/hono/dist/de/guide/commands/index.html +0 -41
- package/templates/hono/dist/de/guide/configuration/index.html +0 -105
- package/templates/hono/dist/de/guide/deploy/index.html +0 -195
- package/templates/hono/dist/de/guide/first-five-minutes/index.html +0 -99
- package/templates/hono/dist/de/guide/getting-started/index.html +0 -173
- package/templates/hono/dist/de/guide/routing/index.html +0 -165
- package/templates/hono/dist/de/guide/seiten-erstellen/index.html +0 -234
- package/templates/hono/dist/de/guide/what-is-preactpress/index.html +0 -141
- package/templates/hono/dist/de/index.html +0 -30
- package/templates/hono/dist/de/interactive/index.html +0 -37
- package/templates/hono/dist/de/markdown-examples/index.html +0 -97
- package/templates/hono/dist/de/parts/include-body/index.html +0 -36
- package/templates/hono/dist/de/tags/markdown/index.html +0 -32
- package/templates/hono/dist/favicon-32.png +0 -0
- package/templates/hono/dist/favicon.png +0 -0
- package/templates/hono/dist/favicon.svg +0 -28
- package/templates/hono/dist/guide/commands/index.html +0 -41
- package/templates/hono/dist/guide/configuration/index.html +0 -158
- package/templates/hono/dist/guide/creating-pages/index.html +0 -234
- package/templates/hono/dist/guide/deploy/index.html +0 -195
- package/templates/hono/dist/guide/first-five-minutes/index.html +0 -99
- package/templates/hono/dist/guide/getting-started/index.html +0 -173
- package/templates/hono/dist/guide/routing/index.html +0 -165
- package/templates/hono/dist/guide/what-is-preactpress/index.html +0 -141
- package/templates/hono/dist/index.html +0 -30
- package/templates/hono/dist/interactive/index.html +0 -37
- package/templates/hono/dist/markdown-examples/index.html +0 -105
- package/templates/hono/dist/partials/shared-note/index.html +0 -30
- package/templates/hono/dist/parts/include-body/index.html +0 -36
- package/templates/hono/dist/preactpress-content/404.json +0 -8
- package/templates/hono/dist/preactpress-content/README.json +0 -26
- package/templates/hono/dist/preactpress-content/about.json +0 -15
- package/templates/hono/dist/preactpress-content/de__about.json +0 -15
- package/templates/hono/dist/preactpress-content/de__guide__commands.json +0 -36
- package/templates/hono/dist/preactpress-content/de__guide__configuration.json +0 -41
- package/templates/hono/dist/preactpress-content/de__guide__deploy.json +0 -56
- package/templates/hono/dist/preactpress-content/de__guide__first-five-minutes.json +0 -36
- package/templates/hono/dist/preactpress-content/de__guide__getting-started.json +0 -51
- package/templates/hono/dist/preactpress-content/de__guide__routing.json +0 -61
- package/templates/hono/dist/preactpress-content/de__guide__seiten-erstellen.json +0 -71
- package/templates/hono/dist/preactpress-content/de__guide__what-is-preactpress.json +0 -51
- package/templates/hono/dist/preactpress-content/de__markdown-examples.json +0 -131
- package/templates/hono/dist/preactpress-content/de__parts__include-body.json +0 -16
- package/templates/hono/dist/preactpress-content/de__tags__markdown.json +0 -16
- package/templates/hono/dist/preactpress-content/guide__commands.json +0 -36
- package/templates/hono/dist/preactpress-content/guide__configuration.json +0 -51
- package/templates/hono/dist/preactpress-content/guide__creating-pages.json +0 -71
- package/templates/hono/dist/preactpress-content/guide__deploy.json +0 -56
- package/templates/hono/dist/preactpress-content/guide__first-five-minutes.json +0 -36
- package/templates/hono/dist/preactpress-content/guide__getting-started.json +0 -51
- package/templates/hono/dist/preactpress-content/guide__routing.json +0 -61
- package/templates/hono/dist/preactpress-content/guide__what-is-preactpress.json +0 -51
- package/templates/hono/dist/preactpress-content/markdown-examples.json +0 -141
- package/templates/hono/dist/preactpress-content/partials__shared-note.json +0 -10
- package/templates/hono/dist/preactpress-content/parts__include-body.json +0 -16
- package/templates/hono/dist/preactpress-content/tags__markdown.json +0 -16
- package/templates/hono/dist/preactpress-search.json +0 -242
- package/templates/hono/dist/preactpress-theme.js +0 -1
- package/templates/hono/dist/tags/markdown/index.html +0 -32
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="de">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Deploy | Hono Starter</title>
|
|
7
|
-
<script src="/preactpress-theme.js"></script>
|
|
8
|
-
<meta name="description" content="Eine PreactPress-Site bauen und veröffentlichen">
|
|
9
|
-
<meta property="og:title" content="Deploy | Hono Starter">
|
|
10
|
-
<meta property="og:description" content="Eine PreactPress-Site bauen und veröffentlichen">
|
|
11
|
-
<meta property="og:type" content="website">
|
|
12
|
-
<meta property="og:url" content="/de/guide/deploy/">
|
|
13
|
-
<meta name="twitter:card" content="summary">
|
|
14
|
-
<meta name="twitter:title" content="Deploy | Hono Starter">
|
|
15
|
-
<meta name="twitter:description" content="Eine PreactPress-Site bauen und veröffentlichen">
|
|
16
|
-
<link rel="canonical" href="/de/guide/deploy/">
|
|
17
|
-
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","headline":"Deploy | Hono Starter","name":"Deploy | Hono Starter","description":"Eine PreactPress-Site bauen und veröffentlichen","url":"/de/guide/deploy/","dateModified":"2026-06-04T07:28:10.781Z"}</script>
|
|
18
|
-
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
19
|
-
<link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32">
|
|
20
|
-
<link rel="icon" href="/favicon.png" type="image/png" sizes="any">
|
|
21
|
-
<link rel="apple-touch-icon" href="/favicon.png">
|
|
22
|
-
<link rel="stylesheet" crossorigin href="/assets/main-DIIN7FO0.css">
|
|
23
|
-
</head>
|
|
24
|
-
<body>
|
|
25
|
-
<template id="__PREACTPRESS_PAGE_DATA__">{"kind":"markdown","meta":{"title":"Deploy","description":"Eine PreactPress-Site bauen und veröffentlichen"},"html":"\u003ch1 id=\"deploy\" class=\"pp-heading\">Deploy\u003ca class=\"pp-heading-anchor\" href=\"#deploy\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h1>\n\u003cp>PreactPress erzeugt statische Dateien. Produktion bedeutet: Build ausführen und das Ausgabeverzeichnis, normalerweise \u003ccode>dist/\u003c/code>, auf einen Static Host hochladen.\u003c/p>\n\u003cp>In Produktion ist kein Node-Server nötig.\u003c/p>\n\u003ch2 id=\"lokal-bauen-und-testen\" class=\"pp-heading\">Lokal bauen und testen\u003ca class=\"pp-heading-anchor\" href=\"#lokal-bauen-und-testen\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Führe Release-Checks und Produktionsbuild im Site-Verzeichnis aus:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> run\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> check\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> run\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> build\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Sieh dir den Build lokal an:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> run\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> preview\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Der Preview-Server stellt den gebauten Output standardmäßig unter \u003cstrong>\u003ca href=\"http://localhost:4173\" target=\"_blank\" rel=\"noopener noreferrer\">http://localhost:4173\u003c/a>\u003c/strong> bereit.\u003c/p>\n\u003ch2 id=\"produktionsmetadaten-konfigurieren\" class=\"pp-heading\">Produktionsmetadaten konfigurieren\u003ca class=\"pp-heading-anchor\" href=\"#produktionsmetadaten-konfigurieren\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Setze \u003ccode>site.url\u003c/code> vor der Veröffentlichung. PreactPress nutzt diese URL für Canonical URLs, Open-Graph-Metadaten, \u003ccode>sitemap.xml\u003c/code> und \u003ccode>robots.txt\u003c/code>.\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\">export\u003c/span>\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\"> default\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> site: {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> title: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Meine Site'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> description: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Kurze Beschreibung für Suche und Social Previews'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> url: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'https://example.com'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> base: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'/'\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> },\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> build: {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> sitemap: \u003c/span>\u003cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">true\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> robots: \u003c/span>\u003cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">true\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">}\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003ch2 id=\"public-base-path\" class=\"pp-heading\">Public Base Path\u003ca class=\"pp-heading-anchor\" href=\"#public-base-path\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Standardmäßig nimmt PreactPress an, dass deine Site am Domain-Root ausgeliefert wird:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan>https://example.com/\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Wenn die Site unter einem Unterpfad liegt, setze \u003ccode>site.base\u003c/code>:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\">export\u003c/span>\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\"> default\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> site: {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> url: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'https://user.github.io'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> base: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'/my-repo/'\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">}\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Du kannst den Base Path auch nur für einen einzelnen Build überschreiben:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> exec\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> preactpress\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> build\u003c/span>\u003cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\"> --base\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> /my-repo/\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003ch2 id=\"build-output\" class=\"pp-heading\">Build-Output\u003ca class=\"pp-heading-anchor\" href=\"#build-output\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Das Standard-Ausgabeverzeichnis ist \u003ccode>dist/\u003c/code>:\u003c/p>\n\u003ctable>\n\u003cthead>\n\u003ctr>\n\u003cth>Ausgabe\u003c/th>\n\u003cth>Beschreibung\u003c/th>\n\u003c/tr>\n\u003c/thead>\n\u003ctbody>\n\u003ctr>\n\u003ctd>\u003ccode>index.html\u003c/code>, \u003ccode>*/index.html\u003c/code>\u003c/td>\n\u003ctd>Statisches HTML für jede Route\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>assets/*\u003c/code>\u003c/td>\n\u003ctd>Gehashtes JavaScript und CSS von Vite\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>404.html\u003c/code>\u003c/td>\n\u003ctd>Fehlerseite\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>preactpress-search.json\u003c/code>\u003c/td>\n\u003ctd>Suchindex für das Standard-Theme\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>preactpress-content/*.json\u003c/code>\u003c/td>\n\u003ctd>Lazy geladene Markdown-Payloads für Client-Navigation\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>sitemap.xml\u003c/code>, \u003ccode>robots.txt\u003c/code>\u003c/td>\n\u003ctd>Erzeugt, wenn \u003ccode>site.url\u003c/code> und Build-Flags gesetzt sind\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>feed.xml\u003c/code>\u003c/td>\n\u003ctd>Erzeugt, wenn \u003ccode>build.feed\u003c/code> konfiguriert ist\u003c/td>\n\u003c/tr>\n\u003c/tbody>\n\u003c/table>\n\u003cp>Deploye nur das Ausgabeverzeichnis. Deploye nicht \u003ccode>node_modules\u003c/code>, \u003ccode>.preactpress\u003c/code> oder den Build-Cache.\u003c/p>\n\u003ch2 id=\"plattform-einstellungen\" class=\"pp-heading\">Plattform-Einstellungen\u003ca class=\"pp-heading-anchor\" href=\"#plattform-einstellungen\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Für die meisten Static Hosts reichen diese Einstellungen:\u003c/p>\n\u003ctable>\n\u003cthead>\n\u003ctr>\n\u003cth>Host\u003c/th>\n\u003cth>Build-Befehl\u003c/th>\n\u003cth>Output-Verzeichnis\u003c/th>\n\u003c/tr>\n\u003c/thead>\n\u003ctbody>\n\u003ctr>\n\u003ctd>Netlify\u003c/td>\n\u003ctd>\u003ccode>pnpm run build\u003c/code>\u003c/td>\n\u003ctd>\u003ccode>dist\u003c/code>\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>Vercel\u003c/td>\n\u003ctd>\u003ccode>pnpm run build\u003c/code>\u003c/td>\n\u003ctd>\u003ccode>dist\u003c/code>\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>Cloudflare Pages\u003c/td>\n\u003ctd>\u003ccode>pnpm run build\u003c/code>\u003c/td>\n\u003ctd>\u003ccode>dist\u003c/code>\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>Render Static Site\u003c/td>\n\u003ctd>\u003ccode>pnpm run build\u003c/code>\u003c/td>\n\u003ctd>\u003ccode>dist\u003c/code>\u003c/td>\n\u003c/tr>\n\u003c/tbody>\n\u003c/table>\n\u003cp>Install-Befehl:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> install\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Node-Version: \u003cstrong>20 oder höher\u003c/strong>.\u003c/p>\n\u003ch2 id=\"github-pages\" class=\"pp-heading\">GitHub Pages\u003ca class=\"pp-heading-anchor\" href=\"#github-pages\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Für eine Projektseite unter \u003ccode>https://user.github.io/my-repo/\u003c/code> konfigurierst du:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\">export\u003c/span>\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\"> default\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> site: {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> url: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'https://user.github.io'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> base: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'/my-repo/'\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">}\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Danach deployest du das Verzeichnis \u003ccode>dist/\u003c/code>.\u003c/p>\n\u003cp>Ein minimales GitHub-Actions-Workflow kann so aussehen:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">name\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">Deploy PreactPress site to Pages\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">on\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> push\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> branches\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: [\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">main\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">]\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> workflow_dispatch\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">permissions\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> contents\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">read\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> pages\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">write\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> id-token\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">write\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">concurrency\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> group\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">pages\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> cancel-in-progress\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">false\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">jobs\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> build\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> runs-on\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">ubuntu-latest\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> steps\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">uses\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">actions/checkout@v4\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">uses\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">pnpm/action-setup@v4\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">uses\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">actions/setup-node@v4\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> with\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> node-version\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">22\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> cache\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">pnpm\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">uses\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">actions/configure-pages@v5\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">run\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">pnpm install\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">run\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">pnpm run check\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">run\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">pnpm run build\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">uses\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">actions/upload-pages-artifact@v3\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> with\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> path\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">dist\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> deploy\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> needs\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">build\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> runs-on\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">ubuntu-latest\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> environment\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> name\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">github-pages\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> url\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">${{ steps.deployment.outputs.page_url }}\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> steps\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">:\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> - \u003c/span>\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">id\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">deployment\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\"> uses\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">actions/deploy-pages@v4\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Setze in den Repository-Einstellungen die Pages-Quelle auf \u003cstrong>GitHub Actions\u003c/strong>.\u003c/p>\n\u003ch2 id=\"monorepos\" class=\"pp-heading\">Monorepos\u003ca class=\"pp-heading-anchor\" href=\"#monorepos\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>In einem Monorepo führst du die Befehle aus dem Site-Paket aus:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">cd\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> packages/docs\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> run\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> check\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> run\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> build\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Oder du übergibst der CLI den Site-Pfad:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\">pnpm\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> exec\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> preactpress\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> build\u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\"> ./packages/docs\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003ch2 id=\"cache-headers\" class=\"pp-heading\">Cache-Headers\u003ca class=\"pp-heading-anchor\" href=\"#cache-headers\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Dateien unter \u003ccode>assets/\u003c/code> enthalten Content-Hashes in ihren Dateinamen. Wenn dein Host HTTP-Header setzen kann, cache diese Dateien aggressiv:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan>Cache-Control: public, max-age=31536000, immutable\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Wende immutable Caching nicht auf HTML-Dateien oder JSON-Payloads wie \u003ccode>preactpress-search.json\u003c/code> und \u003ccode>preactpress-content/*.json\u003c/code> an, weil diese URLs bei Inhaltsänderungen gleich bleiben können.\u003c/p>\n","title":"Deploy","description":"Eine PreactPress-Site bauen und veröffentlichen","tags":[],"pageType":"website","headings":[{"id":"lokal-bauen-und-testen","text":"Lokal bauen und testen","level":2},{"id":"produktionsmetadaten-konfigurieren","text":"Produktionsmetadaten konfigurieren","level":2},{"id":"public-base-path","text":"Public Base Path","level":2},{"id":"build-output","text":"Build-Output","level":2},{"id":"plattform-einstellungen","text":"Plattform-Einstellungen","level":2},{"id":"github-pages","text":"GitHub Pages","level":2},{"id":"monorepos","text":"Monorepos","level":2},{"id":"cache-headers","text":"Cache-Headers","level":2}],"relativePath":"de/guide/deploy.md","lastUpdated":"2026-06-04T07:28:10.781Z"}</template>
|
|
26
|
-
<div id="app"><div class="hn-site"><a class="hn-skip" href="#content">Skip to content</a><header class="hn-header"><div class="hn-header-inner"><a class="hn-brand" href="/de" aria-label="Hono Starter"><span class="hn-logo" aria-label="Hono Starter"><svg aria-hidden="true" viewBox="0 0 36 36" width="36" height="36"><rect width="36" height="36" rx="11" fill="currentColor" opacity="0.12"></rect><path d="M19.8 5.5c.8 4-2.8 5.9-4.7 8.2-1.8 2.1-2.5 4.9-.3 7 0-2.8 1.7-4.6 4.2-6.7 3.2 3 5.3 5.8 5.3 9.2 0 4.4-3.3 7.3-7.6 7.3-4.8 0-8.3-3.6-8.3-8.4 0-6.1 6.3-9.2 11.4-16.6Z" fill="currentColor"></path><path d="M21.7 25.7c0 2.2-1.7 3.8-3.9 3.8s-4-1.6-4-3.8c0-1.7 1-3.1 3.4-5.2.1 1.7 1.4 2.6 2.4 3.4.8.6 2.1 1 2.1 1.8Z" fill="currentColor" opacity="0.38"></path></svg><span>Hono Starter</span></span></a><div class="hn-header-actions"><nav class="hn-nav" aria-label="Main navigation"><a class href="/de/guide/what-is-preactpress">Docs</a><a class href="/de/markdown-examples">Beispiele</a><a class href="/de/about">Über uns</a></nav><div class="hn-social" aria-label="Social links"><a href="https://github.com/your-org/your-project" aria-label="GitHub"><span><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.404 1.02.005 2.04.137 3 .404 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></span></a></div><details class="hn-locale-switcher"><summary>Deutsch</summary><div class="hn-locale-menu"><a href="/guide/deploy" class>English</a><a href="/de/guide/deploy" aria-current="page" class="active">Deutsch</a></div></details><button type="button" class="hn-theme-toggle" aria-label="Toggle theme"><span class="hn-theme-toggle-moon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor"><path d="M21 14.8A8.5 8.5 0 0 1 9.2 3a7 7 0 1 0 11.8 11.8Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7"></path></svg></span><span class="hn-theme-toggle-sun" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor"><circle cx="12" cy="12" r="3.5" stroke-width="1.7"></circle><path d="M12 2.5v2M12 19.5v2M4.6 4.6 6 6M18 18l1.4 1.4M2.5 12h2M19.5 12h2M4.6 19.4 6 18M18 6l1.4-1.4" stroke-linecap="round" stroke-width="1.7"></path></svg></span></button></div></div></header><div class="hn-doc-shell"><aside class="hn-sidebar" aria-label="Documentation navigation"><div class="hn-sidebar-panel"><label class="hn-search"><span>Search pages</span><input type="search" value placeholder="Filter documentation..."/></label><div class="hn-sidebar-group"><h2>Einführung</h2><ul><li><a class="active" href="/de" aria-current="page">Willkommen</a></li><li><a class href="/de/guide/what-is-preactpress">Was ist PreactPress?</a></li><li><a class href="/de/guide/getting-started">Getting Started</a></li><li><a class href="/de/guide/routing">Routing</a></li><li><a class="active" href="/de/guide/deploy" aria-current="page">Deploy</a></li><li><a class href="/de/guide/first-five-minutes">Die ersten 5 Minuten</a></li><li><a class href="/de/guide/seiten-erstellen">Seiten erstellen</a></li><li><a class href="/de/guide/commands">Befehle</a></li><li><a class href="/de/guide/configuration">Konfiguration</a></li></ul></div><div class="hn-sidebar-group"><h2>Referenz</h2><ul><li><a class href="/de/markdown-examples">Markdown-Beispiele</a></li><li><a class href="/de/interactive">Interaktives MDX</a></li></ul></div></div></aside><main id="content" class="hn-doc-main"><article class="hn-doc"><h1 class="hn-doc-title">Deploy</h1><p class="hn-doc-lead">Eine PreactPress-Site bauen und veröffentlichen</p><div class="hn-doc-content"><h1 id="deploy" class="pp-heading">Deploy<a class="pp-heading-anchor" href="#deploy" aria-label="Link to this section">#</a></h1>
|
|
27
|
-
<p>PreactPress erzeugt statische Dateien. Produktion bedeutet: Build ausführen und das Ausgabeverzeichnis, normalerweise <code>dist/</code>, auf einen Static Host hochladen.</p>
|
|
28
|
-
<p>In Produktion ist kein Node-Server nötig.</p>
|
|
29
|
-
<h2 id="lokal-bauen-und-testen" class="pp-heading">Lokal bauen und testen<a class="pp-heading-anchor" href="#lokal-bauen-und-testen" aria-label="Link to this section">#</a></h2>
|
|
30
|
-
<p>Führe Release-Checks und Produktionsbuild im Site-Verzeichnis aus:</p>
|
|
31
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> run</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> check</span></span>
|
|
32
|
-
<span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> run</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> build</span></span></code></pre><p>Sieh dir den Build lokal an:</p>
|
|
33
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> run</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> preview</span></span></code></pre><p>Der Preview-Server stellt den gebauten Output standardmäßig unter <strong><a href="http://localhost:4173" target="_blank" rel="noopener noreferrer">http://localhost:4173</a></strong> bereit.</p>
|
|
34
|
-
<h2 id="produktionsmetadaten-konfigurieren" class="pp-heading">Produktionsmetadaten konfigurieren<a class="pp-heading-anchor" href="#produktionsmetadaten-konfigurieren" aria-label="Link to this section">#</a></h2>
|
|
35
|
-
<p>Setze <code>site.url</code> vor der Veröffentlichung. PreactPress nutzt diese URL für Canonical URLs, Open-Graph-Metadaten, <code>sitemap.xml</code> und <code>robots.txt</code>.</p>
|
|
36
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#D73A49;--shiki-dark:#F97583">export</span><span style="color:#D73A49;--shiki-dark:#F97583"> default</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
|
|
37
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> site: {</span></span>
|
|
38
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> title: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Meine Site'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
39
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> description: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Kurze Beschreibung für Suche und Social Previews'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
40
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> url: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'https://example.com'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
41
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> base: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'/'</span></span>
|
|
42
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> },</span></span>
|
|
43
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> build: {</span></span>
|
|
44
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> sitemap: </span><span style="color:#005CC5;--shiki-dark:#79B8FF">true</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
45
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> robots: </span><span style="color:#005CC5;--shiki-dark:#79B8FF">true</span></span>
|
|
46
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
47
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre><h2 id="public-base-path" class="pp-heading">Public Base Path<a class="pp-heading-anchor" href="#public-base-path" aria-label="Link to this section">#</a></h2>
|
|
48
|
-
<p>Standardmäßig nimmt PreactPress an, dass deine Site am Domain-Root ausgeliefert wird:</p>
|
|
49
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span>https://example.com/</span></span></code></pre><p>Wenn die Site unter einem Unterpfad liegt, setze <code>site.base</code>:</p>
|
|
50
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#D73A49;--shiki-dark:#F97583">export</span><span style="color:#D73A49;--shiki-dark:#F97583"> default</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
|
|
51
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> site: {</span></span>
|
|
52
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> url: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'https://user.github.io'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
53
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> base: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'/my-repo/'</span></span>
|
|
54
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
55
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre><p>Du kannst den Base Path auch nur für einen einzelnen Build überschreiben:</p>
|
|
56
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> exec</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> preactpress</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> build</span><span style="color:#005CC5;--shiki-dark:#79B8FF"> --base</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> /my-repo/</span></span></code></pre><h2 id="build-output" class="pp-heading">Build-Output<a class="pp-heading-anchor" href="#build-output" aria-label="Link to this section">#</a></h2>
|
|
57
|
-
<p>Das Standard-Ausgabeverzeichnis ist <code>dist/</code>:</p>
|
|
58
|
-
<table>
|
|
59
|
-
<thead>
|
|
60
|
-
<tr>
|
|
61
|
-
<th>Ausgabe</th>
|
|
62
|
-
<th>Beschreibung</th>
|
|
63
|
-
</tr>
|
|
64
|
-
</thead>
|
|
65
|
-
<tbody>
|
|
66
|
-
<tr>
|
|
67
|
-
<td><code>index.html</code>, <code>*/index.html</code></td>
|
|
68
|
-
<td>Statisches HTML für jede Route</td>
|
|
69
|
-
</tr>
|
|
70
|
-
<tr>
|
|
71
|
-
<td><code>assets/*</code></td>
|
|
72
|
-
<td>Gehashtes JavaScript und CSS von Vite</td>
|
|
73
|
-
</tr>
|
|
74
|
-
<tr>
|
|
75
|
-
<td><code>404.html</code></td>
|
|
76
|
-
<td>Fehlerseite</td>
|
|
77
|
-
</tr>
|
|
78
|
-
<tr>
|
|
79
|
-
<td><code>preactpress-search.json</code></td>
|
|
80
|
-
<td>Suchindex für das Standard-Theme</td>
|
|
81
|
-
</tr>
|
|
82
|
-
<tr>
|
|
83
|
-
<td><code>preactpress-content/*.json</code></td>
|
|
84
|
-
<td>Lazy geladene Markdown-Payloads für Client-Navigation</td>
|
|
85
|
-
</tr>
|
|
86
|
-
<tr>
|
|
87
|
-
<td><code>sitemap.xml</code>, <code>robots.txt</code></td>
|
|
88
|
-
<td>Erzeugt, wenn <code>site.url</code> und Build-Flags gesetzt sind</td>
|
|
89
|
-
</tr>
|
|
90
|
-
<tr>
|
|
91
|
-
<td><code>feed.xml</code></td>
|
|
92
|
-
<td>Erzeugt, wenn <code>build.feed</code> konfiguriert ist</td>
|
|
93
|
-
</tr>
|
|
94
|
-
</tbody>
|
|
95
|
-
</table>
|
|
96
|
-
<p>Deploye nur das Ausgabeverzeichnis. Deploye nicht <code>node_modules</code>, <code>.preactpress</code> oder den Build-Cache.</p>
|
|
97
|
-
<h2 id="plattform-einstellungen" class="pp-heading">Plattform-Einstellungen<a class="pp-heading-anchor" href="#plattform-einstellungen" aria-label="Link to this section">#</a></h2>
|
|
98
|
-
<p>Für die meisten Static Hosts reichen diese Einstellungen:</p>
|
|
99
|
-
<table>
|
|
100
|
-
<thead>
|
|
101
|
-
<tr>
|
|
102
|
-
<th>Host</th>
|
|
103
|
-
<th>Build-Befehl</th>
|
|
104
|
-
<th>Output-Verzeichnis</th>
|
|
105
|
-
</tr>
|
|
106
|
-
</thead>
|
|
107
|
-
<tbody>
|
|
108
|
-
<tr>
|
|
109
|
-
<td>Netlify</td>
|
|
110
|
-
<td><code>pnpm run build</code></td>
|
|
111
|
-
<td><code>dist</code></td>
|
|
112
|
-
</tr>
|
|
113
|
-
<tr>
|
|
114
|
-
<td>Vercel</td>
|
|
115
|
-
<td><code>pnpm run build</code></td>
|
|
116
|
-
<td><code>dist</code></td>
|
|
117
|
-
</tr>
|
|
118
|
-
<tr>
|
|
119
|
-
<td>Cloudflare Pages</td>
|
|
120
|
-
<td><code>pnpm run build</code></td>
|
|
121
|
-
<td><code>dist</code></td>
|
|
122
|
-
</tr>
|
|
123
|
-
<tr>
|
|
124
|
-
<td>Render Static Site</td>
|
|
125
|
-
<td><code>pnpm run build</code></td>
|
|
126
|
-
<td><code>dist</code></td>
|
|
127
|
-
</tr>
|
|
128
|
-
</tbody>
|
|
129
|
-
</table>
|
|
130
|
-
<p>Install-Befehl:</p>
|
|
131
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> install</span></span></code></pre><p>Node-Version: <strong>20 oder höher</strong>.</p>
|
|
132
|
-
<h2 id="github-pages" class="pp-heading">GitHub Pages<a class="pp-heading-anchor" href="#github-pages" aria-label="Link to this section">#</a></h2>
|
|
133
|
-
<p>Für eine Projektseite unter <code>https://user.github.io/my-repo/</code> konfigurierst du:</p>
|
|
134
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#D73A49;--shiki-dark:#F97583">export</span><span style="color:#D73A49;--shiki-dark:#F97583"> default</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
|
|
135
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> site: {</span></span>
|
|
136
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> url: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'https://user.github.io'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
137
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> base: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'/my-repo/'</span></span>
|
|
138
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
139
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre><p>Danach deployest du das Verzeichnis <code>dist/</code>.</p>
|
|
140
|
-
<p>Ein minimales GitHub-Actions-Workflow kann so aussehen:</p>
|
|
141
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#22863A;--shiki-dark:#85E89D">name</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">Deploy PreactPress site to Pages</span></span>
|
|
142
|
-
<span class="line"></span>
|
|
143
|
-
<span class="line"><span style="color:#005CC5;--shiki-dark:#79B8FF">on</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
144
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> push</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
145
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> branches</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: [</span><span style="color:#032F62;--shiki-dark:#9ECBFF">main</span><span style="color:#24292E;--shiki-dark:#E1E4E8">]</span></span>
|
|
146
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> workflow_dispatch</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
147
|
-
<span class="line"></span>
|
|
148
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D">permissions</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
149
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> contents</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">read</span></span>
|
|
150
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> pages</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">write</span></span>
|
|
151
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> id-token</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">write</span></span>
|
|
152
|
-
<span class="line"></span>
|
|
153
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D">concurrency</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
154
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> group</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">pages</span></span>
|
|
155
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> cancel-in-progress</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#005CC5;--shiki-dark:#79B8FF">false</span></span>
|
|
156
|
-
<span class="line"></span>
|
|
157
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D">jobs</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
158
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> build</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
159
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> runs-on</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">ubuntu-latest</span></span>
|
|
160
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> steps</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
161
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">uses</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">actions/checkout@v4</span></span>
|
|
162
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">uses</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">pnpm/action-setup@v4</span></span>
|
|
163
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">uses</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">actions/setup-node@v4</span></span>
|
|
164
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> with</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
165
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> node-version</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#005CC5;--shiki-dark:#79B8FF">22</span></span>
|
|
166
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> cache</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">pnpm</span></span>
|
|
167
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">uses</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">actions/configure-pages@v5</span></span>
|
|
168
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">run</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">pnpm install</span></span>
|
|
169
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">run</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">pnpm run check</span></span>
|
|
170
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">run</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">pnpm run build</span></span>
|
|
171
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">uses</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">actions/upload-pages-artifact@v3</span></span>
|
|
172
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> with</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
173
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> path</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">dist</span></span>
|
|
174
|
-
<span class="line"></span>
|
|
175
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> deploy</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
176
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> needs</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">build</span></span>
|
|
177
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> runs-on</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">ubuntu-latest</span></span>
|
|
178
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> environment</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
179
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> name</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">github-pages</span></span>
|
|
180
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> url</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">${{ steps.deployment.outputs.page_url }}</span></span>
|
|
181
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> steps</span><span style="color:#24292E;--shiki-dark:#E1E4E8">:</span></span>
|
|
182
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> - </span><span style="color:#22863A;--shiki-dark:#85E89D">id</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">deployment</span></span>
|
|
183
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D"> uses</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">actions/deploy-pages@v4</span></span></code></pre><p>Setze in den Repository-Einstellungen die Pages-Quelle auf <strong>GitHub Actions</strong>.</p>
|
|
184
|
-
<h2 id="monorepos" class="pp-heading">Monorepos<a class="pp-heading-anchor" href="#monorepos" aria-label="Link to this section">#</a></h2>
|
|
185
|
-
<p>In einem Monorepo führst du die Befehle aus dem Site-Paket aus:</p>
|
|
186
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#005CC5;--shiki-dark:#79B8FF">cd</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> packages/docs</span></span>
|
|
187
|
-
<span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> run</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> check</span></span>
|
|
188
|
-
<span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> run</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> build</span></span></code></pre><p>Oder du übergibst der CLI den Site-Pfad:</p>
|
|
189
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#6F42C1;--shiki-dark:#B392F0">pnpm</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> exec</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> preactpress</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> build</span><span style="color:#032F62;--shiki-dark:#9ECBFF"> ./packages/docs</span></span></code></pre><h2 id="cache-headers" class="pp-heading">Cache-Headers<a class="pp-heading-anchor" href="#cache-headers" aria-label="Link to this section">#</a></h2>
|
|
190
|
-
<p>Dateien unter <code>assets/</code> enthalten Content-Hashes in ihren Dateinamen. Wenn dein Host HTTP-Header setzen kann, cache diese Dateien aggressiv:</p>
|
|
191
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span>Cache-Control: public, max-age=31536000, immutable</span></span></code></pre><p>Wende immutable Caching nicht auf HTML-Dateien oder JSON-Payloads wie <code>preactpress-search.json</code> und <code>preactpress-content/*.json</code> an, weil diese URLs bei Inhaltsänderungen gleich bleiben können.</p>
|
|
192
|
-
</div><nav class="hn-pager" aria-label="Page navigation"><span></span><a class="next" href="/de/guide/what-is-preactpress"><span>Next</span>Was ist PreactPress?</a></nav><footer class="hn-doc-meta"><span>Updated 4. Juni 2026</span></footer></article></main><aside class="hn-outline" aria-label="On this page"><div class="hn-outline-panel"><h2>On this page</h2><ul><li class="level-2"><a href="#lokal-bauen-und-testen">Lokal bauen und testen</a></li><li class="level-2"><a href="#produktionsmetadaten-konfigurieren">Produktionsmetadaten konfigurieren</a></li><li class="level-2"><a href="#public-base-path">Public Base Path</a></li><li class="level-2"><a href="#build-output">Build-Output</a></li><li class="level-2"><a href="#plattform-einstellungen">Plattform-Einstellungen</a></li><li class="level-2"><a href="#github-pages">GitHub Pages</a></li><li class="level-2"><a href="#monorepos">Monorepos</a></li><li class="level-2"><a href="#cache-headers">Cache-Headers</a></li></ul></div></aside></div><footer class="hn-footer">Erstellt mit PreactPress.</footer></div></div>
|
|
193
|
-
<script type="module" crossorigin src="/assets/main-Bqi-VFEk.js"></script>
|
|
194
|
-
</body>
|
|
195
|
-
</html>
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="de">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Die ersten 5 Minuten | Hono Starter</title>
|
|
7
|
-
<script src="/preactpress-theme.js"></script>
|
|
8
|
-
<meta name="description" content="Seitentitel ändern, eine Seite hinzufügen und die Navigation aktualisieren">
|
|
9
|
-
<meta property="og:title" content="Die ersten 5 Minuten | Hono Starter">
|
|
10
|
-
<meta property="og:description" content="Seitentitel ändern, eine Seite hinzufügen und die Navigation aktualisieren">
|
|
11
|
-
<meta property="og:type" content="website">
|
|
12
|
-
<meta property="og:url" content="/de/guide/first-five-minutes/">
|
|
13
|
-
<meta name="twitter:card" content="summary">
|
|
14
|
-
<meta name="twitter:title" content="Die ersten 5 Minuten | Hono Starter">
|
|
15
|
-
<meta name="twitter:description" content="Seitentitel ändern, eine Seite hinzufügen und die Navigation aktualisieren">
|
|
16
|
-
<link rel="canonical" href="/de/guide/first-five-minutes/">
|
|
17
|
-
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","headline":"Die ersten 5 Minuten | Hono Starter","name":"Die ersten 5 Minuten | Hono Starter","description":"Seitentitel ändern, eine Seite hinzufügen und die Navigation aktualisieren","url":"/de/guide/first-five-minutes/","dateModified":"2026-06-04T07:28:10.782Z"}</script>
|
|
18
|
-
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
19
|
-
<link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32">
|
|
20
|
-
<link rel="icon" href="/favicon.png" type="image/png" sizes="any">
|
|
21
|
-
<link rel="apple-touch-icon" href="/favicon.png">
|
|
22
|
-
<link rel="stylesheet" crossorigin href="/assets/main-DIIN7FO0.css">
|
|
23
|
-
</head>
|
|
24
|
-
<body>
|
|
25
|
-
<template id="__PREACTPRESS_PAGE_DATA__">{"kind":"markdown","meta":{"title":"Die ersten 5 Minuten","description":"Seitentitel ändern, eine Seite hinzufügen und die Navigation aktualisieren"},"html":"\u003ch1 id=\"die-ersten-5-minuten\" class=\"pp-heading\">Die ersten 5 Minuten\u003ca class=\"pp-heading-anchor\" href=\"#die-ersten-5-minuten\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h1>\n\u003cp>Dieses praktische Tutorial folgt der Setup-Übersicht in \u003ca href=\"/de/guide/getting-started\">Getting Started\u003c/a>. Folge den Schritten in \u003cstrong>deinem\u003c/strong> Projekt — diese Website zeigt das Ergebnis.\u003c/p>\n\u003ch2 id=\"1-seitentitel-ndern\" class=\"pp-heading\">1. Seitentitel ändern\u003ca class=\"pp-heading-anchor\" href=\"#1-seitentitel-ndern\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Bearbeite \u003ccode>.preactpress/config.ts\u003c/code>:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\">export\u003c/span>\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\"> default\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> site: {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> title: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Meine Doku'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> description: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Kurze Beschreibung für Suche und Social Previews'\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">}\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Speichere die Datei. Der Dev-Server übernimmt Config-Änderungen beim nächsten Request.\u003c/p>\n\u003ch2 id=\"2-eine-seite-hinzuf-gen\" class=\"pp-heading\">2. Eine Seite hinzufügen\u003ca class=\"pp-heading-anchor\" href=\"#2-eine-seite-hinzuf-gen\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>Erstelle \u003ccode>about.md\u003c/code>:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">---\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">title\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">Über uns\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#22863A;--shiki-dark:#85E89D\">description\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">Über diese Website\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">---\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold\"># Über uns\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">Hier steht dein Inhalt.\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>PreactPress stellt die Seite unter \u003ccode>/about\u003c/code> bereit. Jede \u003ccode>.md\u003c/code>- oder \u003ccode>.mdx\u003c/code>-Datei unter \u003ccode>srcDir\u003c/code> (standardmäßig: Projektroot) wird automatisch zu einer URL.\u003c/p>\n\u003cp>Beispiel: \u003ccode>news/2025/intro.md\u003c/code> → \u003ccode>/news/2025/intro\u003c/code>.\u003c/p>\n\u003cp>Dieser Starter enthält bereits \u003ca href=\"/de/about\">Über uns\u003c/a>, damit du die fertige Seite sehen kannst.\u003c/p>\n\u003ch2 id=\"3-zur-navigation-hinzuf-gen\" class=\"pp-heading\">3. Zur Navigation hinzufügen\u003ca class=\"pp-heading-anchor\" href=\"#3-zur-navigation-hinzuf-gen\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003cp>In \u003ccode>.preactpress/config.ts\u003c/code>:\u003c/p>\n\u003cpre class=\"shiki shiki-themes github-light github-dark\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003ccode>\u003cspan class=\"line\">\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\">export\u003c/span>\u003cspan style=\"color:#D73A49;--shiki-dark:#F97583\"> default\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> site: { title: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Meine Doku'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> },\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> themeConfig: {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> nav: [\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> { text: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Start'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">, link: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'/'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> },\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> { text: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Über uns'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">, link: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'/about'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> ],\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> sidebar: [\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> {\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> text: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Anleitung'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">,\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> items: [\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> { text: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Start'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">, link: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'/'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> },\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> { text: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'Über uns'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">, link: \u003c/span>\u003cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">'/about'\u003c/span>\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> ]\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> ]\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> }\u003c/span>\u003c/span>\n\u003cspan class=\"line\">\u003cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">}\u003c/span>\u003c/span>\u003c/code>\u003c/pre>\u003cp>Speichern — der Dev-Server lädt die Änderung automatisch.\u003c/p>\n\u003ch2 id=\"n-chste-schritte\" class=\"pp-heading\">Nächste Schritte\u003ca class=\"pp-heading-anchor\" href=\"#n-chste-schritte\" aria-label=\"Link to this section\">#\u003c/a>\u003c/h2>\n\u003ctable>\n\u003cthead>\n\u003ctr>\n\u003cth>Befehl\u003c/th>\n\u003cth>Zweck\u003c/th>\n\u003c/tr>\n\u003c/thead>\n\u003ctbody>\n\u003ctr>\n\u003ctd>\u003ccode>pnpm run dev\u003c/code>\u003c/td>\n\u003ctd>Dev-Server mit SSR und Hot Reload\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>pnpm run check\u003c/code>\u003c/td>\n\u003ctd>Config, Links und Routen prüfen\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>pnpm run build\u003c/code>\u003c/td>\n\u003ctd>Statischer Produktionsbuild → \u003ccode>dist/\u003c/code>\u003c/td>\n\u003c/tr>\n\u003ctr>\n\u003ctd>\u003ccode>pnpm run preview\u003c/code>\u003c/td>\n\u003ctd>Lokale Vorschau des Builds\u003c/td>\n\u003c/tr>\n\u003c/tbody>\n\u003c/table>\n\u003cp>Setze vor dem Deployment \u003ccode>site.url\u003c/code> in der Config, damit Canonical URLs, Open Graph Tags und \u003ccode>sitemap.xml\u003c/code> erzeugt werden. Lies danach \u003ca href=\"/de/guide/routing\">Routing\u003c/a>, um dateibasierte Routen zu verstehen, und \u003ca href=\"/de/guide/deploy\">Deploy\u003c/a> für die Produktionsschritte.\u003c/p>\n","title":"Die ersten 5 Minuten","description":"Seitentitel ändern, eine Seite hinzufügen und die Navigation aktualisieren","tags":[],"pageType":"website","headings":[{"id":"1-seitentitel-ndern","text":"1. Seitentitel ändern","level":2},{"id":"2-eine-seite-hinzuf-gen","text":"2. Eine Seite hinzufügen","level":2},{"id":"3-zur-navigation-hinzuf-gen","text":"3. Zur Navigation hinzufügen","level":2},{"id":"n-chste-schritte","text":"Nächste Schritte","level":2}],"relativePath":"de/guide/first-five-minutes.md","lastUpdated":"2026-06-04T07:28:10.782Z"}</template>
|
|
26
|
-
<div id="app"><div class="hn-site"><a class="hn-skip" href="#content">Skip to content</a><header class="hn-header"><div class="hn-header-inner"><a class="hn-brand" href="/de" aria-label="Hono Starter"><span class="hn-logo" aria-label="Hono Starter"><svg aria-hidden="true" viewBox="0 0 36 36" width="36" height="36"><rect width="36" height="36" rx="11" fill="currentColor" opacity="0.12"></rect><path d="M19.8 5.5c.8 4-2.8 5.9-4.7 8.2-1.8 2.1-2.5 4.9-.3 7 0-2.8 1.7-4.6 4.2-6.7 3.2 3 5.3 5.8 5.3 9.2 0 4.4-3.3 7.3-7.6 7.3-4.8 0-8.3-3.6-8.3-8.4 0-6.1 6.3-9.2 11.4-16.6Z" fill="currentColor"></path><path d="M21.7 25.7c0 2.2-1.7 3.8-3.9 3.8s-4-1.6-4-3.8c0-1.7 1-3.1 3.4-5.2.1 1.7 1.4 2.6 2.4 3.4.8.6 2.1 1 2.1 1.8Z" fill="currentColor" opacity="0.38"></path></svg><span>Hono Starter</span></span></a><div class="hn-header-actions"><nav class="hn-nav" aria-label="Main navigation"><a class href="/de/guide/what-is-preactpress">Docs</a><a class href="/de/markdown-examples">Beispiele</a><a class href="/de/about">Über uns</a></nav><div class="hn-social" aria-label="Social links"><a href="https://github.com/your-org/your-project" aria-label="GitHub"><span><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.404 1.02.005 2.04.137 3 .404 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></span></a></div><details class="hn-locale-switcher"><summary>Deutsch</summary><div class="hn-locale-menu"><a href="/guide/first-five-minutes" class>English</a><a href="/de/guide/first-five-minutes" aria-current="page" class="active">Deutsch</a></div></details><button type="button" class="hn-theme-toggle" aria-label="Toggle theme"><span class="hn-theme-toggle-moon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor"><path d="M21 14.8A8.5 8.5 0 0 1 9.2 3a7 7 0 1 0 11.8 11.8Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7"></path></svg></span><span class="hn-theme-toggle-sun" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor"><circle cx="12" cy="12" r="3.5" stroke-width="1.7"></circle><path d="M12 2.5v2M12 19.5v2M4.6 4.6 6 6M18 18l1.4 1.4M2.5 12h2M19.5 12h2M4.6 19.4 6 18M18 6l1.4-1.4" stroke-linecap="round" stroke-width="1.7"></path></svg></span></button></div></div></header><div class="hn-doc-shell"><aside class="hn-sidebar" aria-label="Documentation navigation"><div class="hn-sidebar-panel"><label class="hn-search"><span>Search pages</span><input type="search" value placeholder="Filter documentation..."/></label><div class="hn-sidebar-group"><h2>Einführung</h2><ul><li><a class="active" href="/de" aria-current="page">Willkommen</a></li><li><a class href="/de/guide/what-is-preactpress">Was ist PreactPress?</a></li><li><a class href="/de/guide/getting-started">Getting Started</a></li><li><a class href="/de/guide/routing">Routing</a></li><li><a class href="/de/guide/deploy">Deploy</a></li><li><a class="active" href="/de/guide/first-five-minutes" aria-current="page">Die ersten 5 Minuten</a></li><li><a class href="/de/guide/seiten-erstellen">Seiten erstellen</a></li><li><a class href="/de/guide/commands">Befehle</a></li><li><a class href="/de/guide/configuration">Konfiguration</a></li></ul></div><div class="hn-sidebar-group"><h2>Referenz</h2><ul><li><a class href="/de/markdown-examples">Markdown-Beispiele</a></li><li><a class href="/de/interactive">Interaktives MDX</a></li></ul></div></div></aside><main id="content" class="hn-doc-main"><article class="hn-doc"><h1 class="hn-doc-title">Die ersten 5 Minuten</h1><p class="hn-doc-lead">Seitentitel ändern, eine Seite hinzufügen und die Navigation aktualisieren</p><div class="hn-doc-content"><h1 id="die-ersten-5-minuten" class="pp-heading">Die ersten 5 Minuten<a class="pp-heading-anchor" href="#die-ersten-5-minuten" aria-label="Link to this section">#</a></h1>
|
|
27
|
-
<p>Dieses praktische Tutorial folgt der Setup-Übersicht in <a href="/de/guide/getting-started">Getting Started</a>. Folge den Schritten in <strong>deinem</strong> Projekt — diese Website zeigt das Ergebnis.</p>
|
|
28
|
-
<h2 id="1-seitentitel-ndern" class="pp-heading">1. Seitentitel ändern<a class="pp-heading-anchor" href="#1-seitentitel-ndern" aria-label="Link to this section">#</a></h2>
|
|
29
|
-
<p>Bearbeite <code>.preactpress/config.ts</code>:</p>
|
|
30
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#D73A49;--shiki-dark:#F97583">export</span><span style="color:#D73A49;--shiki-dark:#F97583"> default</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
|
|
31
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> site: {</span></span>
|
|
32
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> title: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Meine Doku'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
33
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> description: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Kurze Beschreibung für Suche und Social Previews'</span></span>
|
|
34
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
35
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre><p>Speichere die Datei. Der Dev-Server übernimmt Config-Änderungen beim nächsten Request.</p>
|
|
36
|
-
<h2 id="2-eine-seite-hinzuf-gen" class="pp-heading">2. Eine Seite hinzufügen<a class="pp-heading-anchor" href="#2-eine-seite-hinzuf-gen" aria-label="Link to this section">#</a></h2>
|
|
37
|
-
<p>Erstelle <code>about.md</code>:</p>
|
|
38
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">---</span></span>
|
|
39
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D">title</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">Über uns</span></span>
|
|
40
|
-
<span class="line"><span style="color:#22863A;--shiki-dark:#85E89D">description</span><span style="color:#24292E;--shiki-dark:#E1E4E8">: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">Über diese Website</span></span>
|
|
41
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">---</span></span>
|
|
42
|
-
<span class="line"></span>
|
|
43
|
-
<span class="line"><span style="color:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold"># Über uns</span></span>
|
|
44
|
-
<span class="line"></span>
|
|
45
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">Hier steht dein Inhalt.</span></span></code></pre><p>PreactPress stellt die Seite unter <code>/about</code> bereit. Jede <code>.md</code>- oder <code>.mdx</code>-Datei unter <code>srcDir</code> (standardmäßig: Projektroot) wird automatisch zu einer URL.</p>
|
|
46
|
-
<p>Beispiel: <code>news/2025/intro.md</code> → <code>/news/2025/intro</code>.</p>
|
|
47
|
-
<p>Dieser Starter enthält bereits <a href="/de/about">Über uns</a>, damit du die fertige Seite sehen kannst.</p>
|
|
48
|
-
<h2 id="3-zur-navigation-hinzuf-gen" class="pp-heading">3. Zur Navigation hinzufügen<a class="pp-heading-anchor" href="#3-zur-navigation-hinzuf-gen" aria-label="Link to this section">#</a></h2>
|
|
49
|
-
<p>In <code>.preactpress/config.ts</code>:</p>
|
|
50
|
-
<pre class="shiki shiki-themes github-light github-dark" style="background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#D73A49;--shiki-dark:#F97583">export</span><span style="color:#D73A49;--shiki-dark:#F97583"> default</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
|
|
51
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> site: { title: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Meine Doku'</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> },</span></span>
|
|
52
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> themeConfig: {</span></span>
|
|
53
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> nav: [</span></span>
|
|
54
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> { text: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Start'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">, link: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'/'</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> },</span></span>
|
|
55
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> { text: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Über uns'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">, link: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'/about'</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
56
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> ],</span></span>
|
|
57
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> sidebar: [</span></span>
|
|
58
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
|
|
59
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> text: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Anleitung'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">,</span></span>
|
|
60
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> items: [</span></span>
|
|
61
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> { text: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Start'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">, link: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'/'</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> },</span></span>
|
|
62
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> { text: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'Über uns'</span><span style="color:#24292E;--shiki-dark:#E1E4E8">, link: </span><span style="color:#032F62;--shiki-dark:#9ECBFF">'/about'</span><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
63
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> ]</span></span>
|
|
64
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
65
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> ]</span></span>
|
|
66
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8"> }</span></span>
|
|
67
|
-
<span class="line"><span style="color:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre><p>Speichern — der Dev-Server lädt die Änderung automatisch.</p>
|
|
68
|
-
<h2 id="n-chste-schritte" class="pp-heading">Nächste Schritte<a class="pp-heading-anchor" href="#n-chste-schritte" aria-label="Link to this section">#</a></h2>
|
|
69
|
-
<table>
|
|
70
|
-
<thead>
|
|
71
|
-
<tr>
|
|
72
|
-
<th>Befehl</th>
|
|
73
|
-
<th>Zweck</th>
|
|
74
|
-
</tr>
|
|
75
|
-
</thead>
|
|
76
|
-
<tbody>
|
|
77
|
-
<tr>
|
|
78
|
-
<td><code>pnpm run dev</code></td>
|
|
79
|
-
<td>Dev-Server mit SSR und Hot Reload</td>
|
|
80
|
-
</tr>
|
|
81
|
-
<tr>
|
|
82
|
-
<td><code>pnpm run check</code></td>
|
|
83
|
-
<td>Config, Links und Routen prüfen</td>
|
|
84
|
-
</tr>
|
|
85
|
-
<tr>
|
|
86
|
-
<td><code>pnpm run build</code></td>
|
|
87
|
-
<td>Statischer Produktionsbuild → <code>dist/</code></td>
|
|
88
|
-
</tr>
|
|
89
|
-
<tr>
|
|
90
|
-
<td><code>pnpm run preview</code></td>
|
|
91
|
-
<td>Lokale Vorschau des Builds</td>
|
|
92
|
-
</tr>
|
|
93
|
-
</tbody>
|
|
94
|
-
</table>
|
|
95
|
-
<p>Setze vor dem Deployment <code>site.url</code> in der Config, damit Canonical URLs, Open Graph Tags und <code>sitemap.xml</code> erzeugt werden. Lies danach <a href="/de/guide/routing">Routing</a>, um dateibasierte Routen zu verstehen, und <a href="/de/guide/deploy">Deploy</a> für die Produktionsschritte.</p>
|
|
96
|
-
</div><nav class="hn-pager" aria-label="Page navigation"><span></span><a class="next" href="/de/guide/what-is-preactpress"><span>Next</span>Was ist PreactPress?</a></nav><footer class="hn-doc-meta"><span>Updated 4. Juni 2026</span></footer></article></main><aside class="hn-outline" aria-label="On this page"><div class="hn-outline-panel"><h2>On this page</h2><ul><li class="level-2"><a href="#1-seitentitel-ndern">1. Seitentitel ändern</a></li><li class="level-2"><a href="#2-eine-seite-hinzuf-gen">2. Eine Seite hinzufügen</a></li><li class="level-2"><a href="#3-zur-navigation-hinzuf-gen">3. Zur Navigation hinzufügen</a></li><li class="level-2"><a href="#n-chste-schritte">Nächste Schritte</a></li></ul></div></aside></div><footer class="hn-footer">Erstellt mit PreactPress.</footer></div></div>
|
|
97
|
-
<script type="module" crossorigin src="/assets/main-Bqi-VFEk.js"></script>
|
|
98
|
-
</body>
|
|
99
|
-
</html>
|