diff --git a/apps/docs/docs/getting-started/index.mdx b/apps/docs/docs/getting-started/index.mdx index 8021723ad..eadead613 100644 --- a/apps/docs/docs/getting-started/index.mdx +++ b/apps/docs/docs/getting-started/index.mdx @@ -13,7 +13,7 @@ import { IconArrowRight } from '@tabler/icons-react'; :::info Homarr v2 beta is available -We have been working on Homarr's biggest update for a while now. There is no fixed release date yet, it will be ready when it is ready, and we need your help and feedback before making the switch for everyone. Read [what is new](https://v2.preview.homarr.dev/blog/2026/09/03/homarr-2.0), browse the [v2 documentation](https://v2.preview.homarr.dev/docs) and [Workshop](https://v2.preview.homarr.dev/workshop), try the [hosted preview](https://app-v2.preview.homarr.dev), [join us on Discord](https://discord.com/invite/aCsmEV5RgA), and [share your feedback](https://github.com/homarr-labs/homarr/issues/new?template=v2_beta_feedback.yml). Everyone uses Homarr differently, so every report helps us find what breaks or does not feel right before release. SQLite administrators can download a full backup directly from the beta announcement before changing images. +There is no release date yet: Homarr v2 will become the default when it is ready. Read [what is new](https://v2.preview.homarr.dev/blog/2026/09/03/homarr-2.0), browse the [v2 documentation](https://v2.preview.homarr.dev/docs) and [Homarr Workshop](https://v2.preview.homarr.dev/workshop), try the [hosted preview](https://app-v2.preview.homarr.dev), [join us on Discord](https://discord.com/invite/aCsmEV5RgA), and [share your feedback](https://github.com/homarr-labs/homarr/issues/new?template=v2_beta_feedback.yml). Everyone uses Homarr differently, so every report helps us find what breaks or does not feel right before release. SQLite administrators can download a full backup directly from the beta announcement before changing images. ::: diff --git a/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx b/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx index 2f949a0bd..5474b05cb 100644 --- a/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx +++ b/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx @@ -7,6 +7,7 @@ import { Alert, Box, Button, + CopyButton, Group, Paper, SimpleGrid, @@ -21,6 +22,8 @@ import { IconBrandCss3, IconBrandDiscord, IconBrandGithub, + IconCheck, + IconCopy, IconDatabaseExport, IconExternalLink, IconHeartHandshake, @@ -69,6 +72,21 @@ const composeDiffLines = [ { kind: "context", value: " homarr-v2:" }, ] as const; +const v2ComposeFile = `services: + homarr: + image: ghcr.io/homarr-labs/homarr-test:v2 + ports: + - "7575:7575" + volumes: + - homarr-v2:/appdata + environment: + SECRET_ENCRYPTION_KEY: + WORKSHOP_API_URL: https://v2.preview.homarr.dev/ # Only during the beta + +volumes: + homarr-v2: +`; + interface V2BetaAnnouncementProps { canExportBackup: boolean; dismissalCookieName: string; @@ -125,15 +143,14 @@ const V2BetaAnnouncementModal = createModal(({ inn Help us get Homarr v2 ready - We've been working on Homarr's biggest update for a while now. There is no fixed release date yet, - it will be ready when it's ready, and we need your help and feedback to help us become confident enough - to make the switch for everyone. + There is no release date yet. Homarr v2 will become the default when it is ready, and we need you to test it + and share feedback before we can be confident enough to make that switch. - } title="Workshop"> + } title="Homarr Workshop"> Share and discover Custom Widgets and CSS made by the Homarr community. } title="Complete drag-and-drop rewrite"> @@ -142,9 +159,9 @@ const V2BetaAnnouncementModal = createModal(({ inn } title="Custom Widgets v2"> We think you can make almost any widget with live previews, API requests, options, actions, and validation. - } title="Assistant"> - Assistant can directly make a Custom Widget for you. Try giving it the API docs for your latest selfhosted - tool and asking it to build a custom widget for it. + } title="Homarr Assistant"> + Homarr Assistant can directly make a Custom Widget for you. Try giving it the API docs for your latest + selfhosted tool and asking it to build a custom widget for it. @@ -169,6 +186,18 @@ const V2BetaAnnouncementModal = createModal(({ inn + + Use the separate homarr-v2 volume shown in the example. Keep your current volume untouched so you + can return to your current Homarr instance. + + + There is no release date yet. V2 will become the default when it is ready, after enough testing and feedback + gives us confidence in the release. + + + Tell us exactly what happened and what you expected instead. Add screenshots or a recording, your resolution + and browser zoom, board column count, device, browser, and exact reproduction steps whenever possible. + } title="Your testing is essential"> @@ -196,7 +225,7 @@ const V2BetaAnnouncementModal = createModal(({ inn size="md" leftSection={} > - Open Workshop + Open Homarr Workshop + )} + {composeDiffLines.map((line, index) => ( @@ -343,3 +388,24 @@ const FeatureCard = ({ icon, title, children }: FeatureCardProps) => ( ); + +interface FaqAccordionItemProps { + value: string; + title: string; + children: ReactNode; +} + +const FaqAccordionItem = ({ value, title, children }: FaqAccordionItemProps) => ( + + + + {title} + + + + + {children} + + + +);