diff --git a/apps/website/app/[locale]/_changelog/page.tsx b/apps/website/app/[locale]/_changelog/page.tsx index f6b1b6d..7eb23ee 100644 --- a/apps/website/app/[locale]/_changelog/page.tsx +++ b/apps/website/app/[locale]/_changelog/page.tsx @@ -1,4 +1,10 @@ // import { ScrollArea } from "@/components/ui/scroll-area"; +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Changelog", + description: "Stay updated with the latest changes, improvements, and features in Dokploy", +}; // Datos de ejemplo del changelog const changelogEntries = [ @@ -57,7 +63,7 @@ const changelogEntries = [ }, ]; -const Comp = () => { +export default function ChangelogPage() { return (
@@ -115,7 +121,12 @@ const Comp = () => {
); -}; +} + +// Unused/old version below +// const Comp = () => { +// ... +// }; // export default function Changelog() { // return ( diff --git a/apps/website/app/[locale]/privacy/page.tsx b/apps/website/app/[locale]/privacy/page.tsx index a87d611..c28c800 100644 --- a/apps/website/app/[locale]/privacy/page.tsx +++ b/apps/website/app/[locale]/privacy/page.tsx @@ -1,3 +1,11 @@ +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Privacy Policy", + description: + "Learn about how Dokploy collects, uses, and safeguards your personal information when you use our website and services.", +}; + export default function Home() { return (
diff --git a/apps/website/app/[locale]/terms/page.tsx b/apps/website/app/[locale]/terms/page.tsx index ddaa103..556c673 100644 --- a/apps/website/app/[locale]/terms/page.tsx +++ b/apps/website/app/[locale]/terms/page.tsx @@ -1,3 +1,11 @@ +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Terms and Conditions", + description: + "Read the terms and conditions for using Dokploy's website and services.", +}; + export default function Home() { return (
diff --git a/apps/website/app/blog/[slug]/page.tsx b/apps/website/app/blog/[slug]/page.tsx index 1907a88..03e63cf 100644 --- a/apps/website/app/blog/[slug]/page.tsx +++ b/apps/website/app/blog/[slug]/page.tsx @@ -17,7 +17,6 @@ import { CodeBlock } from "./components/CodeBlock"; import { H1, H2, H3 } from "./components/Headings"; import { TableOfContents } from "./components/TableOfContents"; import { ZoomableImage } from "./components/ZoomableImage"; -import { useTranslations } from "@/lib/intl"; type Props = { params: { slug: string }; @@ -72,7 +71,6 @@ export async function generateMetadata( export default async function BlogPostPage({ params }: Props) { const { slug } = await params; - const t = useTranslations("blog"); const post = await getPost(slug); const allPosts = await getPosts(); @@ -233,7 +231,7 @@ export default async function BlogPostPage({ params }: Props) { clipRule="evenodd" /> - {t("backToBlog")} + Back to Blog
@@ -313,7 +311,7 @@ export default async function BlogPostPage({ params }: Props) { {post.tags && post.tags.length > 0 && (
-

{t("tags")}

+

Tags

{post.tags.map((tag) => ( 0 && (
-

{t("relatedPosts")}

+

Related Posts

{relatedPosts.map((relatedPost) => { const relatedPostDate = new Date( diff --git a/apps/website/app/blog/page.tsx b/apps/website/app/blog/page.tsx index 195108a..e389b29 100644 --- a/apps/website/app/blog/page.tsx +++ b/apps/website/app/blog/page.tsx @@ -5,7 +5,6 @@ import type { Metadata } from "next"; import Link from "next/link"; import { BlogPostCard } from "./components/BlogPostCard"; import { SearchAndFilter } from "./components/SearchAndFilter"; -import { useTranslations } from "@/lib/intl"; interface Tag { id: string; @@ -14,7 +13,7 @@ interface Tag { } export const metadata: Metadata = { - title: "Blog | Dokploy", + title: "Blog", description: "Latest news, updates, and articles from Dokploy", }; @@ -24,7 +23,6 @@ export default async function BlogPage({ searchParams: { [key: string]: string | string[] | undefined }; }) { const searchParams2 = await searchParams; - const t = useTranslations("blog"); const posts = await getPosts(); const tags = (await getTags()) as Tag[]; const search = @@ -61,21 +59,21 @@ export default async function BlogPage({
- + - {filteredPosts.length === 0 ? ( -
-

- {search || selectedTag ? t("noResults") : t("noPosts")} -

-
- ) : ( + {filteredPosts.length === 0 ? ( +
+

+ {search || selectedTag ? "No posts found matching your criteria" : "No posts available"} +

+
+ ) : (
{filteredPosts.map((post: Post) => ( diff --git a/apps/website/app/blog/tag/[tag]/page.tsx b/apps/website/app/blog/tag/[tag]/page.tsx index a1aeb84..1fd1913 100644 --- a/apps/website/app/blog/tag/[tag]/page.tsx +++ b/apps/website/app/blog/tag/[tag]/page.tsx @@ -4,7 +4,6 @@ import type { Metadata } from "next"; import Image from "next/image"; import Link from "next/link"; import { notFound } from "next/navigation"; -import { useTranslations } from "@/lib/intl"; type Props = { params: { tag: string }; @@ -12,11 +11,21 @@ type Props = { export async function generateMetadata({ params }: Props): Promise { const { tag } = await params; - const t = useTranslations("blog"); + const posts = await getPostsByTag(tag); + + if (!posts || posts.length === 0) { + return { + title: "Tag Not Found", + description: "The requested tag could not be found", + }; + } + + const tagName = + posts[0].tags?.find((t: { slug: string }) => t.slug === tag)?.name || tag; return { - title: `${t("tagTitle", { tag })}`, - description: t("tagDescription", { tag }), + title: `${tagName} Posts`, + description: `Browse all posts tagged with ${tagName}`, }; } @@ -27,7 +36,6 @@ export async function generateStaticParams() { export default async function TagPage({ params }: Props) { const { tag } = await params; - const t = useTranslations("blog"); const posts = await getPostsByTag(tag); if (!posts || posts.length === 0) { @@ -55,16 +63,16 @@ export default async function TagPage({ params }: Props) { clipRule="evenodd" /> - {t("backToBlog")} + Back to Blog

- {t("postsTaggedWith")}{" "} + Posts tagged with{" "} "{tagName}"

- {t("foundPosts", { count: posts.length })} + {posts.length} {posts.length === 1 ? 'post' : 'posts'} found

diff --git a/apps/website/app/contact/layout.tsx b/apps/website/app/contact/layout.tsx new file mode 100644 index 0000000..fab9665 --- /dev/null +++ b/apps/website/app/contact/layout.tsx @@ -0,0 +1,13 @@ +import type { Metadata } from "next"; +import type { ReactNode } from "react"; + +export const metadata: Metadata = { + title: "Contact Us", + description: + "Get in touch with our team. We're here to help with any questions about Dokploy.", +}; + +export default function ContactLayout({ children }: { children: ReactNode }) { + return <>{children}; +} + diff --git a/apps/website/app/layout.tsx b/apps/website/app/layout.tsx index 6ac6010..95991aa 100644 --- a/apps/website/app/layout.tsx +++ b/apps/website/app/layout.tsx @@ -12,27 +12,30 @@ type Props = { children: ReactNode; }; -// export const metadata: Metadata = { -// metadataBase: new URL("https://dokploy.com"), -// title: "Dokploy - Deploy your applications with ease", -// description: "Deploy your applications with ease using Dokploy", -// icons: { -// icon: "icon.svg", -// apple: "apple-touch-icon.png", -// }, -// openGraph: { -// title: "Dokploy - Deploy your applications with ease", -// description: "Deploy your applications with ease using Dokploy", -// images: "favicon.ico", -// type: "website", -// }, -// twitter: { -// card: "summary_large_image", -// title: "Dokploy - Deploy your applications with ease", -// description: "Deploy your applications with ease using Dokploy", -// images: ["/og.png"], -// }, -// }; +export const metadata: Metadata = { + metadataBase: new URL("https://dokploy.com"), + title: { + default: "Dokploy - Deploy your applications with ease", + template: "%s | Dokploy", + }, + description: "Deploy your applications with ease using Dokploy", + icons: { + icon: "icon.svg", + apple: "apple-touch-icon.png", + }, + openGraph: { + title: "Dokploy - Deploy your applications with ease", + description: "Deploy your applications with ease using Dokploy", + images: "/og.png", + type: "website", + }, + twitter: { + card: "summary_large_image", + title: "Dokploy - Deploy your applications with ease", + description: "Deploy your applications with ease using Dokploy", + images: ["/og.png"], + }, +}; const inter = Inter({ subsets: ["latin"], display: "swap", diff --git a/apps/website/app/page.tsx b/apps/website/app/page.tsx index 37c0216..3ed6fad 100644 --- a/apps/website/app/page.tsx +++ b/apps/website/app/page.tsx @@ -7,6 +7,12 @@ import { Pricing } from "@/components/pricing"; import { SecondaryFeaturesSections } from "@/components/secondary-features"; import { Sponsors } from "@/components/sponsors"; import { StatsSection } from "@/components/stats"; +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Dokploy | Deploy your applications with ease", + description: "Open-source self-hostable Platform as a Service (PaaS) that simplifies the deployment and management of applications and databases", +}; export default function Home() { return ( diff --git a/apps/website/components/CallToAction.tsx b/apps/website/components/CallToAction.tsx index 294eff7..f35b917 100644 --- a/apps/website/components/CallToAction.tsx +++ b/apps/website/components/CallToAction.tsx @@ -1,10 +1,8 @@ import { Container } from "@/components/Container"; -import { useTranslations } from "@/lib/intl"; import Link from "next/link"; import { Button } from "./ui/button"; export function CallToAction() { - const t = useTranslations("HomePage"); return (

- {t("callToAction.title")} + Unlock Your Deployment Potential with Dokploy Cloud

- {t("callToAction.des")} + Say goodbye to infrastructure hassles—Dokploy Cloud handles it all. Effortlessly deploy, manage Docker containers, and secure your traffic with Traefik. Focus on building, we'll handle the rest.

diff --git a/apps/website/components/Faqs.tsx b/apps/website/components/Faqs.tsx index 6340ead..d62c30e 100644 --- a/apps/website/components/Faqs.tsx +++ b/apps/website/components/Faqs.tsx @@ -4,82 +4,80 @@ import { AccordionItem, AccordionTrigger, } from "@/components/ui/accordion"; -import { useTranslations } from "@/lib/intl"; import { Container } from "./Container"; const faqs = [ { - question: "faq.q1", - answer: "faq.a1", + question: "What is Dokploy?", + answer: "Dokploy is a stable, easy-to-use deployment solution designed to simplify the application management process. Think of Dokploy as a free alternative self-hostable solution to platforms like Heroku, Vercel, and Netlify.", }, { - question: "faq.q11", - answer: "faq.a11", + question: "How does Dokploy's Open Source plan work?", + answer: "You can host Dokploy UI on your own infrastructure and you will be responsible for the maintenance and updates.", }, { - question: "faq.q12", - answer: "faq.a12", + question: "Do I need to provide my own server for the managed plan?", + answer: "Yes, in the managed plan, you provide your own server e.g. (Hetzner, Hostinger, AWS, ETC.) VPS, and we manage the Dokploy UI infrastructure for you.", }, { - question: "faq.q13", - answer: "faq.a13", + question: "What happens if I need more than one server?", + answer: "The first server costs $4.50/month, if you buy more than one it will be $3.50/month per server.", }, { - question: "faq.q14", - answer: "faq.a14", + question: "Is there a limit on the number of deployments?", + answer: "No, there is no limit on the number of deployments in any of the plans.", }, { - question: "faq.q15", - answer: "faq.a15", + question: "What happens if I exceed my purchased server limit?", + answer: "The most recently added servers will be deactivated. You won't be able to create services on inactive servers until they are reactivated.", }, { - question: "faq.q17", - answer: "faq.a17", + question: "What kind of support do you offer?", + answer: "We offer community support for the open source version and priority support for paid plans (Via Discord or Email at support@dokploy.com).", }, { - question: "faq.q18", - answer: "faq.a18", + question: "What's the catch on the Paid Plan?", + answer: "Nothing, you link your server(VPS) to your account and you can deploy unlimited applications, databases, and users and you get unlimited updates, deployments, backups and more.", }, { - question: "faq.q2", - answer: "faq.a2", + question: "Why Choose Dokploy?", + answer: "Dokploy offers simplicity, flexibility, and speed in application deployment and management.", }, { - question: "faq.q4", - answer: "faq.a4", + question: "Is it open source?", + answer: "Yes, Dokploy is open source and free to use.", }, { - question: "faq.q5", - answer: "faq.a5", + question: "What types of languages can I deploy with Dokploy?", + answer: "Dokploy does not restrict programming languages. You are free to choose your preferred language and framework.", }, { - question: "faq.q6", - answer: "faq.a6", + question: "How do I request a feature or report a bug?", + answer: "To request a feature or report a bug, please create an issue on our GitHub repository or ask in our Discord channel.", }, { - question: "faq.q7", - answer: "faq.a7", + question: "Do you track the usage of Dokploy?", + answer: "No, we don't track any usage data.", }, { - question: "faq.q8", - answer: "faq.a8", + question: "Are there any user forums or communities where I can interact with other users?", + answer: "Yes, we have active GitHub discussions and Discord where you can share ideas, ask for help, and connect with other users.", }, { - question: "faq.q16", - answer: "faq.a16", + question: "Do you offer a refunds?", + answer: "We do not offer refunds. However, you can cancel your subscription at any time. Feel free to try our open-source version for free before making a purchase.", }, { - question: "faq.q9", - answer: "faq.a9", + question: "What types of applications can I deploy with Dokploy?", + answer: "You can deploy any application that can be Dockerized, with no limits. Dokploy supports builds from Git repositories, Dockerfiles, Nixpacks, and Buildpacks like Heroku and Paketo.", }, { - question: "faq.q10", - answer: "faq.a10", + question: "How does Dokploy handle database management?", + answer: "Dokploy supports multiple database systems including Postgres, MySQL, MariaDB, MongoDB, and Redis, providing tools for easy deployment and management and backups directly from the dashboard.", }, ]; export function Faqs() { - const t = useTranslations("HomePage"); return (
- {t("faq.title")} + Frequently asked questions

- {t("faq.des")} + If you can't find what you're looking for, please submit an issue through our GitHub repository or ask questions on our Discord.

@@ -104,12 +102,12 @@ export function Faqs() { collapsible className="w-full max-w-3xl mx-auto" > - {faqs.map((column, columnIndex) => ( + {faqs.map((faq, columnIndex) => ( - {t(column.question)} + {faq.question} - {t(column.answer)} + {faq.answer} ))} diff --git a/apps/website/components/Hero.tsx b/apps/website/components/Hero.tsx index d4abf53..65bb4d1 100644 --- a/apps/website/components/Hero.tsx +++ b/apps/website/components/Hero.tsx @@ -2,7 +2,6 @@ import { cn } from "@/lib/utils"; import { motion } from "framer-motion"; import { Check, ChevronRight, Copy } from "lucide-react"; -import { useTranslations } from "@/lib/intl"; import Link from "next/link"; import { useEffect, useState } from "react"; import AnimatedGradientText from "./ui/animated-gradient-text"; @@ -43,7 +42,6 @@ import HeroVideoDialog from "./ui/hero-video-dialog"; // }; export function Hero() { - const t = useTranslations("HomePage"); const [isCopied, setIsCopied] = useState(false); useEffect(() => { @@ -72,41 +70,41 @@ export function Hero() { "inline animate-gradient bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent", )} > - {t("hero.cloud")} + Introducing Dokploy Cloud
- - {t("hero.deploy")}{" "} - - - {t("hero.anywhere")} - {" "} - {t("hero.with")} - - - {t("hero.des")} - + + Deploy{" "} + + + Anywhere + {" "} + with Total Freedom and Ease. + + + Streamline your operations with our all-in-one platform — perfect for managing projects, data, and system health with simplicity and efficiency. + - {t("navigation.discord")} + Discord
diff --git a/apps/website/components/SecondaryFeatures.tsx b/apps/website/components/SecondaryFeatures.tsx index 284a54f..944b3eb 100644 --- a/apps/website/components/SecondaryFeatures.tsx +++ b/apps/website/components/SecondaryFeatures.tsx @@ -4,10 +4,9 @@ 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 "@/lib/intl"; import { Container } from "./Container"; interface Feature { - name: React.ReactNode; + name: string; summary: string; description: string; image: string; @@ -16,9 +15,9 @@ interface Feature { const features: Array = [ { - name: "secondaryFeatures.templates", - summary: "secondaryFeatures.templatesSummary", - description: "secondaryFeatures.templatesDes", + name: "Open Source Templates", + summary: "One click to deploy open source templates.", + description: "Deploy open source templates with one click, powered by Docker Compose, (Plausible, Calcom, Pocketbase, etc.)", image: "/secondary/templates.png", icon: function ReportingIcon() { return ( @@ -29,9 +28,9 @@ const features: Array = [ }, }, { - name: "secondaryFeatures.traefik", - summary: "secondaryFeatures.traefikSummary", - description: "secondaryFeatures.traefikDes", + name: "Real-Time Traefik Configuration", + summary: "Modify Traefik settings on-the-fly via a graphical interface or API.", + description: "Users can adjust Traefik's configuration, including middleware, forwarding rules, and SSL certificates through an intuitive interface or API. This feature enables seamless traffic routing and security adjustments without the need to restart services", image: "/secondary/traefik.png", icon: function ReportingIcon() { return ( @@ -215,9 +214,9 @@ const features: Array = [ }, }, { - name: "secondaryFeatures.users", - summary: "secondaryFeatures.usersSummary", - description: "secondaryFeatures.usersDes", + name: "User Permission Management", + summary: "Detailed control over user permissions for accessing and managing projects and services.", + description: "Allows administrators to define specific roles and permissions for each user, including the ability to create, modify, or delete applications and databases. This feature ensures secure and efficient management of large and diverse teams.", image: "/secondary/users.png", icon: function InventoryIcon() { return ( @@ -228,9 +227,9 @@ const features: Array = [ }, }, { - name: "secondaryFeatures.terminal", - summary: "secondaryFeatures.terminalSummary", - description: "secondaryFeatures.terminalDes", + name: "Terminal Access", + summary: "Direct access to each container's and server terminal for advanced management.", + description: "Provides an interface to access the command line of any active container, allowing developers to execute commands, manage services, and troubleshoot directly from the dashboard", image: "/secondary/terminal.png", icon: function ContactsIcon() { return ( @@ -251,7 +250,6 @@ function Feature({ feature: Feature; isActive: boolean; }) { - const t = useTranslations("HomePage"); return (

- {t(feature.summary)} + {feature.summary}

- {t(feature.description)} + {feature.description}

); @@ -322,7 +320,6 @@ function FeaturesMobile() { } function FeaturesDesktop() { - const t = useTranslations("HomePage"); return ( {({ selectedIndex }) => ( @@ -336,7 +333,7 @@ function FeaturesDesktop() { name: ( - {t(feature.name)} + {feature.name} ), }} @@ -380,7 +377,6 @@ function FeaturesDesktop() { } export function SecondaryFeatures() { - const t = useTranslations("HomePage"); return (

- {t("secondaryFeatures.title")} + Advanced Management Tools

- {t("secondaryFeatures.des")} + Elevate your infrastructure with tools that offer precise control, detailed monitoring, and enhanced security, ensuring seamless management and robust performance.

diff --git a/apps/website/components/pricing.tsx b/apps/website/components/pricing.tsx index a628543..f7db9bd 100644 --- a/apps/website/components/pricing.tsx +++ b/apps/website/components/pricing.tsx @@ -11,7 +11,6 @@ import { X, XCircleIcon, } from "lucide-react"; -import { useTranslations } from "@/lib/intl"; import Link from "next/link"; import { useRouter } from "next/navigation"; import { useState } from "react"; @@ -85,7 +84,6 @@ export const calculatePrice = (count: number, isAnnual = false) => { export function Pricing() { const router = useRouter(); - const t = useTranslations("Pricing"); const [isAnnual, setIsAnnual] = useState(false); const [serverQuantity, setServerQuantity] = useState(1); const featured = true; @@ -119,12 +117,12 @@ export function Pricing() {

- {t("swirlyDoodleTitle")} + Simple & Affordable, {" "} - {t("restTitle")} + Pricing.

- {t("description")} + Deploy Smarter, Scale Faster – Without Breaking the Bank

@@ -137,10 +135,10 @@ export function Pricing() { > - {t("billingCycle.monthly")} + Monthly - {t("billingCycle.annual")} + Annual @@ -153,69 +151,69 @@ export function Pricing() { : "lg:py-8", )} > -
-

- {t("plan.free.title")} -

- | -

- {t("plan.free.subTitle")} -

-
- -

- {t("plan.free.section.title")} -

-

- {t("plan.free.section.description")} +

+

+ Free

+ | +

+ Open Source +

+
-
    - {[ - t("plan.free.features.f1"), - t("plan.free.features.f2"), - t("plan.free.features.f3"), - t("plan.free.features.f4"), - t("plan.free.features.f5"), - ].map((feature) => ( -
  • - - {feature} -
  • - ))} -
  • - - - Remote Servers Monitoring - +

    + Dokploy Open Source +

    +

    + Manage your own infrastructure, installing Dokploy UI on your own server. +

    + +
      + {[ + "Complete Flexibility: Install Dokploy UI on your own infrastructure", + "Self-hosted Infrastructure", + "Community Support", + "Access to Core Features", + "Access to All Updates", + ].map((feature) => ( +
    • + + {feature}
    • -
    -
    -
    - - {t("plan.free.features.f9")} - - - {t("plan.free.go")}{" "} - - -
    + ))} +
  • + + + Remote Servers Monitoring + +
  • +
+
+
+ + Unlimited Servers + + + Installation{" "} + +
+
- {isAnnual && ( -
- {t("plan.cloud.title")} 🚀 -
- )} + > + {isAnnual && ( +
+ Recommended 🚀 +
+ )} {isAnnual ? (
@@ -251,50 +249,48 @@ export function Pricing() { $ {calculatePrice(serverQuantity, isAnnual).toFixed(2)} USD

)} -

- {t("plan.cloud.section.title")} -

-

- {t("plan.cloud.section.description")} -

+

+ Dokploy Plan +

+

+ to manage Dokploy UI infrastructure, we take care of it for you. +

-
    - {[ - t("plan.cloud.features.f1"), - t("plan.cloud.features.f2"), - t("plan.cloud.features.f3"), - t("plan.cloud.features.f4"), - t("plan.cloud.features.f5"), - t("plan.cloud.features.f6"), - t("plan.cloud.features.f7"), - ].map((feature, index) => ( -
  • - - {feature} -
  • - ))} -
-
-
- - {t("plan.cloud.servers", { - serverQuantity, - })} - +
    + {[ + "Managed Hosting: No need to manage your own servers", + "Unlimited Deployments", + "Unlimited Databases", + "Unlimited Applications", + "Unlimited Users", + "Remote Servers Monitoring", + "Priority Support", + ].map((feature, index) => ( +
  • + + {feature} +
  • + ))} +
+
+
+ + {serverQuantity} Servers (You bring the servers) + setOpenVideo(true)}> @@ -366,7 +362,7 @@ export function Pricing() { className: "w-full", })} > - {t("plan.cloud.go")} + Subscribe
diff --git a/apps/website/components/secondary-features.tsx b/apps/website/components/secondary-features.tsx index 0c83edc..a8c5264 100644 --- a/apps/website/components/secondary-features.tsx +++ b/apps/website/components/secondary-features.tsx @@ -5,53 +5,51 @@ import { AnimatePresence, motion } from "framer-motion"; import { useEffect, useState } from "react"; import { cn } from "@/lib/utils"; -import { useTranslations } from "@/lib/intl"; const features = [ { - title: "primaryFeatures.applications", - description: "primaryFeatures.applicationsDes", + title: "Applications & Databases", + description: "Centralize control over your applications and databases for enhanced security and efficiency, simplifying access and management across your infrastructure.", image: "/dashboard.png", }, { - title: "primaryFeatures.compose", - description: "primaryFeatures.composeDes", + title: "Docker Compose", + description: "Native Docker Compose support for manage complex applications and services with ease.", image: "/compose.png", }, { - title: "primaryFeatures.multiserver", - description: "primaryFeatures.multiserverDes", + title: "Multiserver", + description: "Deploy applications to multiple servers without effort.", image: "/remote.png", }, { - title: "primaryFeatures.logs", - description: "primaryFeatures.logsDes", + title: "Logs", + description: "Monitor and manage your applications' logs with ease, ensuring efficient troubleshooting and optimal performance.", image: "/logs.png", }, { - title: "primaryFeatures.monitoring", - description: "primaryFeatures.monitoringDes", + title: "Monitoring", + description: "Monitor your systems' performance and health in real time, ensuring continuous and uninterrupted operation.", image: "/primary/monitoring.png", }, { - title: "primaryFeatures.backups", - description: "primaryFeatures.backupsDes", + title: "Backups", + description: "Implement automatic and secure backup solutions to protect your critical data and restore it quickly when necessary.", image: "/backups.png", }, { - title: "primaryFeatures.traefik", - description: "primaryFeatures.traefikDes", + title: "Traefik", + description: "Manage traefik via File Editor to configure your own domain names, certificates, and more.", image: "/traefik.png", }, { - title: "primaryFeatures.templates", - description: "primaryFeatures.templatesDes", + title: "Templates", + description: "One click to deploy open source templates.", image: "/templates.png", }, ]; export function SecondaryFeaturesSections() { - const t = useTranslations("HomePage"); const [tabOrientation, setTabOrientation] = useState< "horizontal" | "vertical" >("horizontal"); @@ -84,23 +82,13 @@ export function SecondaryFeaturesSections() { aria-label="Features for running your books" className="relative overflow-hidden bg-black pb-28 pt-20 sm:py-32" > - {/*
*/} - - {/* */}

- {t("primaryFeatures.title")} + Comprehensive Control for Your Digital Ecosystem

- {t("primaryFeatures.des")} + Simplify your project and data management, ensure robust monitoring, and secure your backups—all without the fuss over minute details.

- {t(feature.title)} + {feature.title} ))} @@ -168,7 +156,7 @@ export function SecondaryFeaturesSections() {

- {t(feature.description)} + {feature.description}

diff --git a/apps/website/components/sponsors.tsx b/apps/website/components/sponsors.tsx index b647979..abcbbb4 100644 --- a/apps/website/components/sponsors.tsx +++ b/apps/website/components/sponsors.tsx @@ -1,6 +1,5 @@ "use client"; import { PlusCircleIcon } from "lucide-react"; -import { useTranslations } from "@/lib/intl"; import Link from "next/link"; import { buttonVariants } from "./ui/button"; import Ripple from "./ui/ripple"; @@ -12,15 +11,14 @@ import { } from "./ui/tooltip"; export const Sponsors = () => { - const t = useTranslations("HomePage"); return (

- {t("hero.sponsors.title")} + Sponsors

- {t("hero.sponsors.description")} + Dokploy is an open source project that is maintained by a community of volunteers. We would like to thank our sponsors for their support and contributions to the project, which help us to continue to develop and improve Dokploy.

diff --git a/apps/website/lib/intl.ts b/apps/website/lib/intl.ts deleted file mode 100644 index 6e6ae6f..0000000 --- a/apps/website/lib/intl.ts +++ /dev/null @@ -1,22 +0,0 @@ -import en from "../locales/en.json"; - -type Messages = typeof en; - -function getByPath(obj: any, path: string): any { - return path - .split(".") - .reduce((acc, key) => (acc ? acc[key] : undefined), obj); -} - -export function useTranslations(namespace?: keyof Messages | string) { - return (key: string, params?: Record) => { - const fullKey = namespace ? `${namespace}.${key}` : key; - let value = getByPath(en as any, fullKey); - if (typeof value === "string" && params) { - for (const [k, v] of Object.entries(params)) { - value = value.replaceAll(`{${k}}`, String(v)); - } - } - return value ?? fullKey; - }; -} diff --git a/apps/website/locales/en.json b/apps/website/locales/en.json deleted file mode 100644 index c3e5d8a..0000000 --- a/apps/website/locales/en.json +++ /dev/null @@ -1,272 +0,0 @@ -{ - "HomePage": { - "navigation": { - "features": "Features", - "faqs": "FAQ", - "docs": "Docs", - "pricing": "Pricing", - "support": "Support", - "dashboard": "Sign In", - "discord": "Discord", - "i18nButtonPlaceholder": "Language", - "i18nFr": "Français", - "i18nEn": "English", - "i18nEs": "Español", - "i18nZh-Hans": "简体中文", - "blog": "Blog", - "home": "Home", - "login": "Login", - "register": "Register", - "contact": "Contact" - }, - "hero": { - "cloud": "Introducing Dokploy Cloud", - "deploy": "Deploy", - "anywhere": "Anywhere", - "with": "with Total Freedom and Ease.", - "des": "Streamline your operations with our all-in-one platform — perfect for managing projects, data, and system health with simplicity and efficiency.", - "featuredIn": "Featured in", - "sponsors": { - "title": "Sponsors", - "description": "Dokploy is an open source project that is maintained by a community of volunteers. We would like to thank our sponsors for their support and contributions to the project, which help us to continue to develop and improve Dokploy.", - "level": { - "hero": "Hero Sponsors", - "premium": "Premium Supporters", - "supporting": "Supporting Members", - "community": "Community Backers", - "organizations": "Organizations", - "individuals": "Individuals" - } - } - }, - "primaryFeatures": { - "title": "Comprehensive Control for Your Digital Ecosystem", - "des": "Simplify your project and data management, ensure robust monitoring, and secure your backups—all without the fuss over minute details.", - "projects": "Projects", - "templates": "Templates", - "templatesDes": "One click to deploy open source templates.", - "logs": "Logs", - "logsDes": "Monitor and manage your applications' logs with ease, ensuring efficient troubleshooting and optimal performance.", - "projectsDes": "Manage and organize all your projects in one place, keeping detailed track of progress and resource allocation.", - "applications": "Applications & Databases", - "applicationsDes": "Centralize control over your applications and databases for enhanced security and efficiency, simplifying access and management across your infrastructure.", - "compose": "Docker Compose", - "composeDes": "Native Docker Compose support for manage complex applications and services with ease.", - "multiserver": "Multiserver", - "multiserverDes": "Deploy applications to multiple servers without effort.", - "monitoring": "Monitoring", - "monitoringDes": "Monitor your systems' performance and health in real time, ensuring continuous and uninterrupted operation.", - "backups": "Backups", - "backupsDes": "Implement automatic and secure backup solutions to protect your critical data and restore it quickly when necessary.", - "traefik": "Traefik", - "traefikDes": "Manage traefik via File Editor to configure your own domain names, certificates, and more." - }, - "secondaryFeatures": { - "title": "Advanced Management Tools", - "des": "Elevate your infrastructure with tools that offer precise control, detailed monitoring, and enhanced security, ensuring seamless management and robust performance.", - "templates": "Open Source Templates", - "templatesSummary": "One click to deploy open source templates.", - "templatesDes": "Deploy open source templates with one click, powered by Docker Compose, (Plausible, Calcom, Pocketbase, etc.)", - "traefik": "Real-Time Traefik Configuration", - "traefikSummary": "Modify Traefik settings on-the-fly via a graphical interface or API.", - "traefikDes": "Users can adjust Traefik's configuration, including middleware, forwarding rules, and SSL certificates through an intuitive interface or API. This feature enables seamless traffic routing and security adjustments without the need to restart services", - "users": "User Permission Management", - "usersSummary": "Detailed control over user permissions for accessing and managing projects and services.", - "usersDes": "Allows administrators to define specific roles and permissions for each user, including the ability to create, modify, or delete applications and databases. This feature ensures secure and efficient management of large and diverse teams.", - "terminal": "Terminal Access", - "terminalSummary": "Direct access to each container's and server terminal for advanced management.", - "terminalDes": "Provides an interface to access the command line of any active container, allowing developers to execute commands, manage services, and troubleshoot directly from the dashboard" - }, - "callToAction": { - "title": "Unlock Your Deployment Potential with Dokploy Cloud", - "des": "Say goodbye to infrastructure hassles—Dokploy Cloud handles it all. Effortlessly deploy, manage Docker containers, and secure your traffic with Traefik. Focus on building, we'll handle the rest.", - "button": "Get Started Now" - }, - "faq": { - "title": "Frequently asked questions", - "des": "If you can't find what you're looking for, please submit an issue through our GitHub repository or ask questions on our Discord.", - "q1": "What is Dokploy?", - "a1": "Dokploy is a stable, easy-to-use deployment solution designed to simplify the application management process. Think of Dokploy as a free alternative self-hostable solution to platforms like Heroku, Vercel, and Netlify.", - "q2": "Why Choose Dokploy?", - "a2": "Dokploy offers simplicity, flexibility, and speed in application deployment and management.", - "q4": "Is it open source?", - "a4": "Yes, Dokploy is open source and free to use.", - "q5": "What types of languages can I deploy with Dokploy?", - "a5": "Dokploy does not restrict programming languages. You are free to choose your preferred language and framework.", - "q6": "How do I request a feature or report a bug?", - "a6": "To request a feature or report a bug, please create an issue on our GitHub repository or ask in our Discord channel.", - "q7": "Do you track the usage of Dokploy?", - "a7": "No, we don't track any usage data.", - "q8": "Are there any user forums or communities where I can interact with other users?", - "a8": "Yes, we have active GitHub discussions and Discord where you can share ideas, ask for help, and connect with other users.", - "q9": "What types of applications can I deploy with Dokploy?", - "a9": "You can deploy any application that can be Dockerized, with no limits. Dokploy supports builds from Git repositories, Dockerfiles, Nixpacks, and Buildpacks like Heroku and Paketo.", - "q10": "How does Dokploy handle database management?", - "a10": "Dokploy supports multiple database systems including Postgres, MySQL, MariaDB, MongoDB, and Redis, providing tools for easy deployment and management and backups directly from the dashboard.", - "q11": "How does Dokploy's Open Source plan work?", - "a11": "You can host Dokploy UI on your own infrastructure and you will be responsible for the maintenance and updates.", - "q12": "Do I need to provide my own server for the managed plan?", - "a12": "Yes, in the managed plan, you provide your own server e.g. (Hetzner, Hostinger, AWS, ETC.) VPS, and we manage the Dokploy UI infrastructure for you.", - "q13": "What happens if I need more than one server?", - "a13": "The first server costs $4.50/month, if you buy more than one it will be $3.50/month per server.", - "q14": "Is there a limit on the number of deployments?", - "a14": "No, there is no limit on the number of deployments in any of the plans.", - "q15": "What happens if I exceed my purchased server limit?", - "a15": "The most recently added servers will be deactivated. You won't be able to create services on inactive servers until they are reactivated.", - "q16": "Do you offer a refunds?", - "a16": "We do not offer refunds. However, you can cancel your subscription at any time. Feel free to try our open-source version for free before making a purchase.", - "q17": "What kind of support do you offer?", - "a17": "We offer community support for the open source version and priority support for paid plans (Via Discord or Email at support@dokploy.com).", - "q18": "What's the catch on the Paid Plan?", - "a18": "Nothing, you link your server(VPS) to your account and you can deploy unlimited applications, databases, and users and you get unlimited updates, deployments, backups and more." - }, - "footer": { - "copyright": "Copyright © {year} Dokploy. All rights reserved." - } - }, - "404": { - "title": "Oops! Looks like you're lost.", - "des": "Let's get you back", - "action": "home" - }, - "Link": { - "docs": { - "intro": "https://docs.dokploy.com/docs/core", - "install": "https://docs.dokploy.com/docs/core/installation" - } - }, - "Pricing": { - "swirlyDoodleTitle": "Simple & Affordable,", - "restTitle": "Pricing.", - "description": "Deploy Smarter, Scale Faster – Without Breaking the Bank", - "billingCycle": { - "monthly": "Monthly", - "annual": "Annual" - }, - "plan": { - "free": { - "title": "Free", - "subTitle": "Open Source", - "section": { - "title": "Dokploy Open Source", - "description": "Manage your own infrastructure, installing Dokploy UI on your own server." - }, - "features": { - "f1": "Complete Flexibility: Install Dokploy UI on your own infrastructure", - "f2": "Self-hosted Infrastructure", - "f3": "Community Support", - "f4": "Access to Core Features", - "f5": "Access to All Updates", - "f9": "Unlimited Servers" - }, - "go": "Installation" - }, - "cloud": { - "title": "Recommended", - "section": { - "title": "Dokploy Plan", - "description": " to manage Dokploy UI infrastructure, we take care of it for you." - }, - "servers": "{serverQuantity} Servers (You bring the servers)", - "features": { - "f1": "Managed Hosting: No need to manage your own servers", - "f2": "Unlimited Deployments", - "f3": "Unlimited Databases", - "f4": "Unlimited Applications", - "f5": "Unlimited Users", - "f6": "Remote Servers Monitoring", - "f7": "Priority Support", - "f8": "New Updates" - }, - "go": "Subscribe" - } - }, - "faq": { - "title": "Frequently asked questions", - "description": "If you can't find what you're looking for, please send us an email to", - "q1": "How does Dokploy's Open Source plan work?", - "a1": "You can host Dokploy UI on your own infrastructure and you will be responsible for the maintenance and updates.", - "q2": "Do I need to provide my own server for the managed plan?", - "a2": "Yes, in the managed plan, you provide your own server eg(Hetzner, Hostinger, AWS, ETC.) VPS, and we manage the Dokploy UI infrastructure for you.", - "q3": "What happens if I need more than one server?", - "a3": "The first server costs $4.50/month, if you buy more than one it will be $3.50/month per server.", - "q4": "Is there a limit on the number of deployments?", - "a4": "No, there is no limit on the number of deployments in any of the plans.", - "q5": "What happens if I exceed my purchased server limit?", - "a5": "The most recently added servers will be deactivated. You won't be able to create services on inactive servers until they are reactivated.", - "q6": "Do you offer a refunds?", - "a6": "We do not offer refunds. However, you can cancel your subscription at any time. Feel free to try our open-source version for free before making a purchase.", - "q7": "What kind of support do you offer?", - "a7": "We offer community support for the open source version and priority support for paid plans.", - "q8": "Is Dokploy open-source?", - "a8": "Yes, Dokploy is fully open-source. You can contribute or modify it as needed for your projects." - } - }, - "blog": { - "title": "Blog", - "description": "Latest news, updates, and articles from Dokploy", - "noPosts": "No posts available", - "noResults": "No posts found matching your criteria", - "searchPlaceholder": "Search posts...", - "allTags": "All Tags", - "relatedPosts": "Related Posts", - "tagDescription": "Posts tagged with", - "foundPosts": "{count, plural, =0 {No posts found} one {# post found} other {# posts found}}", - "tagTitle": "Posts tagged with {tag}", - "backToBlog": "Back to Blog", - "tags": "Tags", - "postsTaggedWith": "Posts tagged with" - }, - "Contact": { - "title": "Contact Us", - "description": "Get in touch with our team. We're here to help with any questions about Dokploy.", - "successTitle": "Thank you for contacting us!", - "successMessage": "We've received your message and will get back to you as soon as possible.", - "errorMessage": "There was an error sending your message. Please try again.", - "fields": { - "inquiryType": { - "label": "What can we help you with today?", - "placeholder": "Select an option", - "options": { - "support": "Support", - "sales": "Sales", - "other": "Other" - } - }, - "firstName": { - "label": "First Name", - "placeholder": "Your first name" - }, - "lastName": { - "label": "Last Name", - "placeholder": "Your last name" - }, - "email": { - "label": "Email", - "placeholder": "your.email@company.com" - }, - "company": { - "label": "Company Name", - "placeholder": "Your company name" - }, - "message": { - "label": "How can we help?", - "placeholder": "Tell us more about your inquiry..." - } - }, - "buttons": { - "send": "Send Message", - "sending": "Sending...", - "sendAnother": "Send Another Message" - }, - "errors": { - "inquiryTypeRequired": "Please select what we can help you with", - "firstNameRequired": "First name is required", - "lastNameRequired": "Last name is required", - "emailRequired": "Email is required", - "emailInvalid": "Please enter a valid email address", - "companyRequired": "Company name is required", - "messageRequired": "Message is required" - } - } -} diff --git a/apps/website/package.json b/apps/website/package.json index 75f6f88..ac4ee92 100644 --- a/apps/website/package.json +++ b/apps/website/package.json @@ -36,7 +36,6 @@ "framer-motion": "^11.3.19", "lucide-react": "0.364.0", "next": "15.4.5", - "next-intl": "^3.26.5", "react": "18.2.0", "react-dom": "18.2.0", "react-ga4": "^2.1.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ab1616a..82611ea 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -163,9 +163,6 @@ importers: next: specifier: 15.4.5 version: 15.4.5(@babel/core@7.26.9)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) - next-intl: - specifier: ^3.26.5 - version: 3.26.5(next@15.4.5(@babel/core@7.26.9)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react@18.2.0) prettier: specifier: ^3.3.3 version: 3.3.3 @@ -847,21 +844,6 @@ packages: '@floating-ui/utils@0.2.9': resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==} - '@formatjs/ecma402-abstract@2.0.0': - resolution: {integrity: sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==} - - '@formatjs/fast-memoize@2.2.0': - resolution: {integrity: sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==} - - '@formatjs/icu-messageformat-parser@2.7.8': - resolution: {integrity: sha512-nBZJYmhpcSX0WeJ5SDYUkZ42AgR3xiyhNCsQweFx3cz/ULJjym8bHAzWKvG5e2+1XO98dBYC0fWeeAECAVSwLA==} - - '@formatjs/icu-skeleton-parser@1.8.2': - resolution: {integrity: sha512-k4ERKgw7aKGWJZgTarIcNEmvyTVD9FYh0mTrrBMHZ1b8hUu6iOJ4SzsZlo3UNAvHYa+PnvntIwRPt1/vy4nA9Q==} - - '@formatjs/intl-localematcher@0.5.4': - resolution: {integrity: sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==} - '@formatjs/intl-localematcher@0.5.7': resolution: {integrity: sha512-GGFtfHGQVFe/niOZp24Kal5b2i36eE2bNL0xi9Sg/yd0TR8aLjcteApZdHmismP5QQax1cMnZM9yWySUUjJteA==} @@ -2656,9 +2638,6 @@ packages: inline-style-parser@0.2.3: resolution: {integrity: sha512-qlD8YNDqyTKTyuITrDOffsl6Tdhv+UC4hcdAVuQsK4IMQ99nSgd1MIA/Q+jQYoh9r3hVUXhYh7urSRmXPkW04g==} - intl-messageformat@10.5.14: - resolution: {integrity: sha512-IjC6sI0X7YRjjyVH9aUgdftcmZK7WXdHeil4KwbjDnRWjnVitKpAx3rr6t6di1joFp5188VqKcobOPA6mCLG/w==} - invariant@2.2.4: resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==} @@ -3100,12 +3079,6 @@ packages: resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==} engines: {node: '>= 0.6'} - next-intl@3.26.5: - resolution: {integrity: sha512-EQlCIfY0jOhRldiFxwSXG+ImwkQtDEfQeSOEQp6ieAGSLWGlgjdb/Ck/O7wMfC430ZHGeUKVKax8KGusTPKCgg==} - peerDependencies: - next: ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0 - next-themes@0.4.3: resolution: {integrity: sha512-nG84VPkTdUHR2YeD89YchvV4I9RbiMAql3GiLEQlPvq1ioaqPaIReK+yMRdg/zgiXws620qS1rU30TiWmmG9lA==} peerDependencies: @@ -3873,11 +3846,6 @@ packages: '@types/react': optional: true - use-intl@3.26.5: - resolution: {integrity: sha512-OdsJnC/znPvHCHLQH/duvQNXnP1w0hPfS+tkSi3mAbfjYBGh4JnyfdwkQBfIVf7t8gs9eSX/CntxUMvtKdG2MQ==} - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0 - use-sidecar@1.1.2: resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==} engines: {node: '>=10'} @@ -4461,30 +4429,6 @@ snapshots: '@floating-ui/utils@0.2.9': {} - '@formatjs/ecma402-abstract@2.0.0': - dependencies: - '@formatjs/intl-localematcher': 0.5.4 - tslib: 2.6.3 - - '@formatjs/fast-memoize@2.2.0': - dependencies: - tslib: 2.6.3 - - '@formatjs/icu-messageformat-parser@2.7.8': - dependencies: - '@formatjs/ecma402-abstract': 2.0.0 - '@formatjs/icu-skeleton-parser': 1.8.2 - tslib: 2.6.3 - - '@formatjs/icu-skeleton-parser@1.8.2': - dependencies: - '@formatjs/ecma402-abstract': 2.0.0 - tslib: 2.6.3 - - '@formatjs/intl-localematcher@0.5.4': - dependencies: - tslib: 2.6.3 - '@formatjs/intl-localematcher@0.5.7': dependencies: tslib: 2.6.3 @@ -6673,13 +6617,6 @@ snapshots: inline-style-parser@0.2.3: {} - intl-messageformat@10.5.14: - dependencies: - '@formatjs/ecma402-abstract': 2.0.0 - '@formatjs/fast-memoize': 2.2.0 - '@formatjs/icu-messageformat-parser': 2.7.8 - tslib: 2.6.3 - invariant@2.2.4: dependencies: loose-envify: 1.4.0 @@ -7354,14 +7291,6 @@ snapshots: negotiator@1.0.0: {} - next-intl@3.26.5(next@15.4.5(@babel/core@7.26.9)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react@18.2.0): - dependencies: - '@formatjs/intl-localematcher': 0.5.7 - negotiator: 1.0.0 - next: 15.4.5(@babel/core@7.26.9)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) - react: 18.2.0 - use-intl: 3.26.5(react@18.2.0) - next-themes@0.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1): dependencies: react: 18.3.1 @@ -8243,12 +8172,6 @@ snapshots: optionalDependencies: '@types/react': 18.3.5 - use-intl@3.26.5(react@18.2.0): - dependencies: - '@formatjs/fast-memoize': 2.2.0 - intl-messageformat: 10.5.14 - react: 18.2.0 - use-sidecar@1.1.2(@types/react@18.3.5)(react@18.2.0): dependencies: detect-node-es: 1.1.0