@@ -104,9 +95,7 @@ export function Hero() {
type="button"
onClick={() =>
navigator.clipboard
- .writeText(
- 'curl -sSL https://dokploy.com/install.sh | sh',
- )
+ .writeText("curl -sSL https://dokploy.com/install.sh | sh")
.then(() => setIsCopied(true))
.catch(() => setIsCopied(false))
}
@@ -144,10 +133,7 @@ export function Hero() {
target="_blank"
className="flex flex-row items-center gap-2"
>
-
- )
+ );
}
diff --git a/apps/website/components/NavLink.tsx b/apps/website/components/NavLink.tsx
index 2e5a275ed..06f0f7edd 100644
--- a/apps/website/components/NavLink.tsx
+++ b/apps/website/components/NavLink.tsx
@@ -1,7 +1,7 @@
"use client";
+import { Link } from "@/i18n/routing";
import { trackGAEvent } from "./analitycs";
-import { Link } from '@/i18n/routing'
export function NavLink({
href,
diff --git a/apps/website/components/PrimaryFeatures.tsx b/apps/website/components/PrimaryFeatures.tsx
index 579f0ed36..ef4ecfd96 100644
--- a/apps/website/components/PrimaryFeatures.tsx
+++ b/apps/website/components/PrimaryFeatures.tsx
@@ -1,73 +1,73 @@
-'use client'
+"use client";
-import { Tab } from '@headlessui/react'
-import { AnimatePresence, motion } from 'framer-motion'
-import { useEffect, useState } from 'react'
+import { Tab } from "@headlessui/react";
+import { AnimatePresence, motion } from "framer-motion";
+import { useEffect, useState } from "react";
-import { cn } from '@/lib/utils'
-import { Container } from './Container'
-import { useTranslations } from 'next-intl'
+import { cn } from "@/lib/utils";
+import { useTranslations } from "next-intl";
+import { Container } from "./Container";
const features = [
{
- title: 'primaryFeatures.projects',
- description: 'primaryFeatures.projectsDes',
- image: '/primary/projects.png',
+ title: "primaryFeatures.projects",
+ description: "primaryFeatures.projectsDes",
+ image: "/primary/projects.png",
},
{
- title: 'primaryFeatures.applications',
- description: 'primaryFeatures.applicationsDes',
- image: '/primary/applications.png',
+ title: "primaryFeatures.applications",
+ description: "primaryFeatures.applicationsDes",
+ image: "/primary/applications.png",
},
{
- title: 'primaryFeatures.compose',
- description: 'primaryFeatures.composeDes',
- image: '/primary/compose.png',
+ title: "primaryFeatures.compose",
+ description: "primaryFeatures.composeDes",
+ image: "/primary/compose.png",
},
{
- title: 'primaryFeatures.multinode',
- description: 'primaryFeatures.multinodeDes',
- image: '/primary/multinode.png',
+ title: "primaryFeatures.multinode",
+ description: "primaryFeatures.multinodeDes",
+ image: "/primary/multinode.png",
},
{
- title: 'primaryFeatures.monitoring',
- description: 'primaryFeatures.monitoringDes',
- image: '/primary/monitoring.png',
+ title: "primaryFeatures.monitoring",
+ description: "primaryFeatures.monitoringDes",
+ image: "/primary/monitoring.png",
},
{
- title: 'primaryFeatures.backups',
- description: 'primaryFeatures.backupsDes',
- image: '/primary/backups.png',
+ title: "primaryFeatures.backups",
+ description: "primaryFeatures.backupsDes",
+ image: "/primary/backups.png",
},
-]
+];
export function PrimaryFeatures() {
- const t = useTranslations('HomePage')
+ const t = useTranslations("HomePage");
const [tabOrientation, setTabOrientation] = useState<
- 'horizontal' | 'vertical'
- >('horizontal')
+ "horizontal" | "vertical"
+ >("horizontal");
useEffect(() => {
- const lgMediaQuery = window.matchMedia('(min-width: 1024px)')
+ const lgMediaQuery = window.matchMedia("(min-width: 1024px)");
function onMediaQueryChange({ matches }: { matches: boolean }) {
- setTabOrientation(matches ? 'vertical' : 'horizontal')
+ setTabOrientation(matches ? "vertical" : "horizontal");
}
- onMediaQueryChange(lgMediaQuery)
- lgMediaQuery.addEventListener('change', onMediaQueryChange)
+ onMediaQueryChange(lgMediaQuery);
+ lgMediaQuery.addEventListener("change", onMediaQueryChange);
return () => {
- lgMediaQuery.removeEventListener('change', onMediaQueryChange)
- }
- }, [])
+ lgMediaQuery.removeEventListener("change", onMediaQueryChange);
+ };
+ }, []);
- const [isMounted, setIsMounted] = useState(false)
+ const [isMounted, setIsMounted] = useState(false);
// Cambiar isMounted a true después del primer render
useEffect(() => {
- setIsMounted(true)
- }, [])
+ setIsMounted(true);
+ }, []);
return (
- {t('primaryFeatures.title')}
+ {t("primaryFeatures.title")}
- {t('primaryFeatures.des')}
+ {t("primaryFeatures.des")}
{({ selectedIndex }) => (
<>
@@ -113,12 +113,11 @@ export function PrimaryFeatures() {
initial={false}
key={`feature-${featureIndex}`}
className={cn(
- 'group relative rounded-full px-4 py-1 transition-colors lg:rounded-l-xl lg:rounded-r-none lg:p-6 ',
+ "group relative rounded-full px-4 py-1 transition-colors lg:rounded-l-xl lg:rounded-r-none lg:p-6 ",
)}
>
- {selectedIndex ===
- featureIndex && (
+ {selectedIndex === featureIndex && (
@@ -145,7 +144,7 @@ export function PrimaryFeatures() {
{t(feature.description)}
@@ -166,19 +165,11 @@ export function PrimaryFeatures() {
- )
+ );
}
diff --git a/apps/website/components/SecondaryFeatures.tsx b/apps/website/components/SecondaryFeatures.tsx
index 218b8c44d..275116d25 100644
--- a/apps/website/components/SecondaryFeatures.tsx
+++ b/apps/website/components/SecondaryFeatures.tsx
@@ -1,38 +1,38 @@
-'use client'
+"use client";
-import { cn } from '@/lib/utils'
-import { Tab } from '@headlessui/react'
-import { motion } from 'framer-motion'
-import { Layers, Terminal, Users } from 'lucide-react'
-import { Container } from './Container'
-import { useTranslations } from 'next-intl'
+import { cn } from "@/lib/utils";
+import { Tab } from "@headlessui/react";
+import { motion } from "framer-motion";
+import { Layers, Terminal, Users } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Container } from "./Container";
interface Feature {
- name: React.ReactNode
- summary: string
- description: string
- image: string
- icon: React.ComponentType
+ name: React.ReactNode;
+ summary: string;
+ description: string;
+ image: string;
+ icon: React.ComponentType;
}
const features: Array
= [
{
- name: 'secondaryFeatures.templates',
- summary: 'secondaryFeatures.templatesSummary',
- description: 'secondaryFeatures.templatesDes',
- image: '/secondary/templates.png',
+ name: "secondaryFeatures.templates",
+ summary: "secondaryFeatures.templatesSummary",
+ description: "secondaryFeatures.templatesDes",
+ image: "/secondary/templates.png",
icon: function ReportingIcon() {
return (
<>
- )
+ );
},
},
{
- name: 'secondaryFeatures.traefik',
- summary: 'secondaryFeatures.traefikSummary',
- description: 'secondaryFeatures.traefikDes',
- image: '/secondary/traefik.png',
+ name: "secondaryFeatures.traefik",
+ summary: "secondaryFeatures.traefikSummary",
+ description: "secondaryFeatures.traefikDes",
+ image: "/secondary/traefik.png",
icon: function ReportingIcon() {
return (
<>
@@ -82,12 +82,7 @@ const features: Array = [
d="M299.847 285.567c10.027 58.288 105.304 42.877 91.619-15.91-12.271-52.716-94.951-38.124-91.619 15.91m-113.855 9.427c12.996 50.745 94.24 37.753 91.178-13.149-3.669-60.964-103.603-49.2-91.178 13.149m132.351 58.517c.044 7.79 1.843 15.403.289 24.148-1.935 3.656-5.729 4.043-9.001 5.52-4.524-.71-8.328-3.68-10.143-7.912-1.161-9.202.433-18.111.726-27.316l18.129 5.56z"
fill="#fff"
/>
-
+
= [
ry="3.777"
fill="#fff"
/>
-
+
-
+
= [
- )
+ );
},
},
{
- name: 'secondaryFeatures.users',
- summary: 'secondaryFeatures.usersSummary',
- description: 'secondaryFeatures.usersDes',
- image: '/secondary/users.png',
+ name: "secondaryFeatures.users",
+ summary: "secondaryFeatures.usersSummary",
+ description: "secondaryFeatures.usersDes",
+ image: "/secondary/users.png",
icon: function InventoryIcon() {
return (
<>
- )
+ );
},
},
{
- name: 'secondaryFeatures.terminal',
- summary: 'secondaryFeatures.terminalSummary',
- description: 'secondaryFeatures.terminalDes',
- image: '/secondary/terminal.png',
+ name: "secondaryFeatures.terminal",
+ summary: "secondaryFeatures.terminalSummary",
+ description: "secondaryFeatures.terminalDes",
+ image: "/secondary/terminal.png",
icon: function ContactsIcon() {
return (
<>
- )
+ );
},
},
-]
+];
function Feature({
feature,
isActive,
className,
...props
-}: React.ComponentPropsWithoutRef<'div'> & {
- feature: Feature
- isActive: boolean
+}: React.ComponentPropsWithoutRef<"div"> & {
+ feature: Feature;
+ isActive: boolean;
}) {
- const t = useTranslations('HomePage')
+ const t = useTranslations("HomePage");
return (
@@ -289,7 +274,7 @@ function Feature({
layoutId="bubble"
className="absolute inset-0 z-10 rounded-xl bg-white/5 mix-blend-difference"
transition={{
- type: 'spring',
+ type: "spring",
bounce: 0.2,
duration: 0.6,
}}
@@ -297,8 +282,8 @@ function Feature({
)}
{feature.name}
@@ -310,7 +295,7 @@ function Feature({
{t(feature.description)}
- )
+ );
}
function FeaturesMobile() {
@@ -318,11 +303,7 @@ function FeaturesMobile() {
{features.map((feature) => (
-
+
@@ -337,11 +318,11 @@ function FeaturesMobile() {
))}
- )
+ );
}
function FeaturesDesktop() {
- const t = useTranslations('HomePage')
+ const t = useTranslations("HomePage");
return (
{({ selectedIndex }) => (
@@ -371,9 +352,8 @@ function FeaturesDesktop() {
static
key={feature.summary}
className={cn(
- 'px-5 transition duration-500 ease-in-out ui-not-focus-visible:outline-none',
- featureIndex !== selectedIndex &&
- 'opacity-60',
+ "px-5 transition duration-500 ease-in-out ui-not-focus-visible:outline-none",
+ featureIndex !== selectedIndex && "opacity-60",
)}
style={{
transform: `translateX(-${selectedIndex * 100}%)`,
@@ -396,11 +376,11 @@ function FeaturesDesktop() {
)}
- )
+ );
}
export function SecondaryFeatures() {
- const t = useTranslations('HomePage')
+ const t = useTranslations("HomePage");
return (
- {t('secondaryFeatures.title')}
+ {t("secondaryFeatures.title")}
- {t('secondaryFeatures.des')}
+ {t("secondaryFeatures.des")}
- )
+ );
}
diff --git a/apps/website/components/SlimLayout.tsx b/apps/website/components/SlimLayout.tsx
index 13a78d8bd..cc32991eb 100644
--- a/apps/website/components/SlimLayout.tsx
+++ b/apps/website/components/SlimLayout.tsx
@@ -1,10 +1,10 @@
-import { Link } from '@/i18n/routing'
-import { Footer } from './Footer'
-import { Header } from './Header'
-import { useTranslations } from 'next-intl'
+import { Link } from "@/i18n/routing";
+import { useTranslations } from "next-intl";
+import { Footer } from "./Footer";
+import { Header } from "./Header";
export function SlimLayout() {
- const t = useTranslations('404')
+ const t = useTranslations("404");
return (
<>
@@ -12,16 +12,12 @@ export function SlimLayout() {
-
- 404
-
-
- {t('title')}
-
+
404
+
{t("title")}
- {t('des')}{' '}
+ {t("des")}{" "}
- {t('action')}
+ {t("action")}
- )
+ );
}
diff --git a/apps/website/components/ui/select.tsx b/apps/website/components/ui/select.tsx
index 61e679915..e4f033f02 100644
--- a/apps/website/components/ui/select.tsx
+++ b/apps/website/components/ui/select.tsx
@@ -1,16 +1,16 @@
-'use client'
+"use client";
-import * as React from 'react'
-import * as SelectPrimitive from '@radix-ui/react-select'
-import { Check, ChevronDown, ChevronUp } from 'lucide-react'
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as React from "react";
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils";
-const Select = SelectPrimitive.Root
+const Select = SelectPrimitive.Root;
-const SelectGroup = SelectPrimitive.Group
+const SelectGroup = SelectPrimitive.Group;
-const SelectValue = SelectPrimitive.Value
+const SelectValue = SelectPrimitive.Value;
const SelectTrigger = React.forwardRef<
React.ElementRef
,
@@ -19,7 +19,7 @@ const SelectTrigger = React.forwardRef<
span]:line-clamp-1',
+ "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
className,
)}
{...props}
@@ -29,8 +29,8 @@ const SelectTrigger = React.forwardRef<
-))
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
const SelectScrollUpButton = React.forwardRef<
React.ElementRef,
@@ -39,15 +39,15 @@ const SelectScrollUpButton = React.forwardRef<
-))
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
const SelectScrollDownButton = React.forwardRef<
React.ElementRef,
@@ -56,28 +56,28 @@ const SelectScrollDownButton = React.forwardRef<
-))
+));
SelectScrollDownButton.displayName =
- SelectPrimitive.ScrollDownButton.displayName
+ SelectPrimitive.ScrollDownButton.displayName;
const SelectContent = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
->(({ className, children, position = 'popper', ...props }, ref) => (
+>(({ className, children, position = "popper", ...props }, ref) => (
{children}
@@ -96,8 +96,8 @@ const SelectContent = React.forwardRef<
-))
-SelectContent.displayName = SelectPrimitive.Content.displayName
+));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
const SelectLabel = React.forwardRef<
React.ElementRef,
@@ -105,11 +105,11 @@ const SelectLabel = React.forwardRef<
>(({ className, ...props }, ref) => (
-))
-SelectLabel.displayName = SelectPrimitive.Label.displayName
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
const SelectItem = React.forwardRef<
React.ElementRef,
@@ -118,7 +118,7 @@ const SelectItem = React.forwardRef<
{children}
-))
-SelectItem.displayName = SelectPrimitive.Item.displayName
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
const SelectSeparator = React.forwardRef<
React.ElementRef,
@@ -140,11 +140,11 @@ const SelectSeparator = React.forwardRef<
>(({ className, ...props }, ref) => (
-))
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
export {
Select,
@@ -157,4 +157,4 @@ export {
SelectSeparator,
SelectScrollUpButton,
SelectScrollDownButton,
-}
+};
diff --git a/apps/website/i18n/request.tsx b/apps/website/i18n/request.tsx
index 714e7404a..943d95245 100644
--- a/apps/website/i18n/request.tsx
+++ b/apps/website/i18n/request.tsx
@@ -1,12 +1,12 @@
-import { notFound } from 'next/navigation'
-import { getRequestConfig } from 'next-intl/server'
-import { routing } from './routing'
+import { getRequestConfig } from "next-intl/server";
+import { notFound } from "next/navigation";
+import { routing } from "./routing";
export default getRequestConfig(async ({ locale }) => {
- // Validate that the incoming `locale` parameter is valid
- if (!routing.locales.includes(locale as any)) notFound()
+ // Validate that the incoming `locale` parameter is valid
+ if (!routing.locales.includes(locale as any)) notFound();
- return {
- messages: (await import(`../locales/${locale}.json`)).default,
- }
-})
+ return {
+ messages: (await import(`../locales/${locale}.json`)).default,
+ };
+});
diff --git a/apps/website/i18n/routing.ts b/apps/website/i18n/routing.ts
index a60e3d1a5..fdb0f21e0 100644
--- a/apps/website/i18n/routing.ts
+++ b/apps/website/i18n/routing.ts
@@ -1,16 +1,16 @@
-import { defineRouting } from 'next-intl/routing'
-import { createSharedPathnamesNavigation } from 'next-intl/navigation'
+import { createSharedPathnamesNavigation } from "next-intl/navigation";
+import { defineRouting } from "next-intl/routing";
export const routing = defineRouting({
// A list of all locales that are supported
- locales: ['en', 'zh-Hans'],
+ locales: ["en", "zh-Hans"],
// Used when no locale matches
- defaultLocale: 'en',
- localePrefix: 'as-needed',
-})
+ defaultLocale: "en",
+ localePrefix: "as-needed",
+});
// Lightweight wrappers around Next.js' navigation APIs
// that will consider the routing configuration
export const { Link, redirect, usePathname, useRouter } =
- createSharedPathnamesNavigation(routing)
+ createSharedPathnamesNavigation(routing);
diff --git a/apps/website/locales/en.json b/apps/website/locales/en.json
index ee44bf1bb..321d09cf9 100644
--- a/apps/website/locales/en.json
+++ b/apps/website/locales/en.json
@@ -7,8 +7,8 @@
"support": "Support",
"discord": "Discord",
"i18nButtonPlaceholder": "Language",
- "i18nEn":"English",
- "i18nZh-Hans":"简体中文"
+ "i18nEn": "English",
+ "i18nZh-Hans": "简体中文"
},
"hero": {
"deploy": "Deploy",
diff --git a/apps/website/locales/zh-Hans.json b/apps/website/locales/zh-Hans.json
index c17dab2f5..c852c2abd 100644
--- a/apps/website/locales/zh-Hans.json
+++ b/apps/website/locales/zh-Hans.json
@@ -7,8 +7,8 @@
"support": "赞助",
"discord": "Discord",
"i18nButtonPlaceholder": "语言",
- "i18nEn":"English",
- "i18nZh-Hans":"简体中文"
+ "i18nEn": "English",
+ "i18nZh-Hans": "简体中文"
},
"hero": {
"deploy": "部署在",
diff --git a/apps/website/middleware.ts b/apps/website/middleware.ts
index fb1e42317..a8d13b846 100644
--- a/apps/website/middleware.ts
+++ b/apps/website/middleware.ts
@@ -1,9 +1,9 @@
-import createMiddleware from 'next-intl/middleware'
-import { routing } from './i18n/routing'
+import createMiddleware from "next-intl/middleware";
+import { routing } from "./i18n/routing";
-export default createMiddleware(routing)
+export default createMiddleware(routing);
export const config = {
// Match only internationalized pathnames
- matcher: ['/((?!_next|.*\\..*).*)']
-}
+ matcher: ["/((?!_next|.*\\..*).*)"],
+};
diff --git a/apps/website/next.config.js b/apps/website/next.config.js
index 5792410a3..e75eb1cba 100644
--- a/apps/website/next.config.js
+++ b/apps/website/next.config.js
@@ -1,15 +1,15 @@
-const createNextIntlPlugin = require('next-intl/plugin')
+const createNextIntlPlugin = require("next-intl/plugin");
-const withNextIntl = createNextIntlPlugin()
+const withNextIntl = createNextIntlPlugin();
/** @type {import('next').NextConfig} */
const nextConfig = {
- eslint: {
- ignoreDuringBuilds: true,
- },
- typescript: {
- ignoreBuildErrors: true,
- },
-}
+ eslint: {
+ ignoreDuringBuilds: true,
+ },
+ typescript: {
+ ignoreBuildErrors: true,
+ },
+};
-module.exports = withNextIntl(nextConfig)
+module.exports = withNextIntl(nextConfig);
diff --git a/apps/website/prettier.config.js b/apps/website/prettier.config.js
index c72d02994..59790a466 100644
--- a/apps/website/prettier.config.js
+++ b/apps/website/prettier.config.js
@@ -4,5 +4,5 @@ module.exports = {
semi: false,
tabWidth: 4,
useTabs: true,
- plugins: ['prettier-plugin-tailwindcss'],
-}
+ plugins: ["prettier-plugin-tailwindcss"],
+};