diff --git a/apps/website/app/features/application-deployment-platform/page.tsx b/apps/website/app/features/application-deployment-platform/page.tsx new file mode 100644 index 00000000..a259c87c --- /dev/null +++ b/apps/website/app/features/application-deployment-platform/page.tsx @@ -0,0 +1,443 @@ +import { Container } from "@/components/Container"; +import { CallToAction } from "@/components/CallToAction"; +import AnimatedGridPattern from "@/components/ui/animated-grid-pattern"; +import { + Accordion, + AccordionContent, + AccordionItem, + AccordionTrigger, +} from "@/components/ui/accordion"; +import { Button } from "@/components/ui/button"; +import { + Code2, + Layers, + Wrench, + GitBranch, + Webhook, + Eye, + FolderInput, + Server, + Cloud, + LayoutTemplate, + Workflow, + FileCode, + RotateCcw, + LayoutDashboard, + CloudCog, + Clock, +} from "lucide-react"; +import Image from "next/image"; +import Link from "next/link"; +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Application & Software Deployment Platform", + description: + "Dokploy's flexible, powerful application and software deployment platform enables you to put code written in Node.js, PHP, Python, Go, and Ruby live.", +}; + +const professionalFeatures = [ + { + icon: Code2, + title: "Support for multiple languages", + description: + "Deploy apps written in Node, PHP, Python, Go, Ruby, and more. Dokploy does not restrict programming languages.", + }, + { + icon: Layers, + title: "Deploy any app with any stack", + description: + "Dokploy supports single services and multi-service apps. Deploy from Git, a container registry, or Docker Compose.", + }, + { + icon: Wrench, + title: "Your build, your way", + description: + "Choose Nixpacks, Buildpacks, or a Dockerfile. Switch strategies per project without reworking your pipeline.", + }, +]; + +const automationFeatures = [ + { + icon: Webhook, + title: "Use webhooks to auto-deploy", + description: + "Trigger deployments automatically by git push if you're a GitHub user.", + }, + { + icon: Eye, + title: "Test changes before they go live", + description: + "Preview and test applications in isolated environments before production.", + }, + { + icon: FolderInput, + title: "Set up automated watch paths", + description: + "Monitor directories or files for changes and trigger actions when they're modified.", + }, +]; + +const deploymentOptions = [ + { + icon: Server, + title: "On-Premise Deployment", + items: [ + "Complete data sovereignty", + "Maximum security control", + "Compliance with strict regulations", + "No external dependencies", + ], + }, + { + icon: Cloud, + title: "Cloud Deployment", + items: [ + "Rapid scaling capabilities", + "Reduced infrastructure overhead", + "Global availability", + "Managed infrastructure", + ], + }, +]; + +const platformFeatures = [ + { + icon: Workflow, + title: "Automate deployments with CI/CD", + description: + "Build and publish your applications in any continuous integration, continuous delivery pipeline.", + }, + { + icon: FileCode, + title: "Configuration-first setup", + description: + "Use configuration files to maintain consistency in setup, configuration, and build across teams.", + }, + { + icon: RotateCcw, + title: "Rollback capabilities built in", + description: + "Rollback capabilities help teams recover quickly when new features impact production.", + }, + { + icon: LayoutDashboard, + title: "Single dashboard with analytics", + description: + "Manage deployment tools, environments, infrastructure, and analytics from a single dashboard as you scale.", + }, + { + icon: CloudCog, + title: "Simplify infrastructure management", + description: + "Utilize infrastructure as code across cloud providers and AWS services.", + }, + { + icon: Clock, + title: "Automation beyond deployments", + description: + "Run cron jobs to automate recurring tasks for apps, services, and data workflows.", + }, +]; + +const faqs = [ + { + question: "Can I deploy Docker Compose apps with Dokploy?", + answer: + "Yes. Dokploy supports deploying applications with Docker Compose, which is ideal when your implementation spans multiple services, data stores, and supporting tools. You can deploy a Compose stack as part of your deployment workflows, keep configuration in configuration files, and manage environments without increasing complexity as you scale.", + }, + { + question: "Which Git providers can I deploy from?", + answer: + "Dokploy integrates seamlessly with popular version control systems and workflows, including GitHub and other git providers such as GitLab, Gitea, Bitbucket, and other Atlassian tools. You can connect repos from these version control systems, automate deployments on code changes, and align deployment workflows with CI/CD practices. If your team already uses GitHub Actions or Atlassian tools, Dokploy fits into that process without forcing a new way of working.", + }, + { + question: "Can I deploy from a Docker registry?", + answer: + "Yes. You can deploy a Docker image directly from a registry, which is useful when you already build artifacts elsewhere or want tighter control over technologies and build tooling. This approach supports consistent deployments across environments and production, especially when combined with automation and rollback capabilities for safer releases.", + }, + { + question: "How do preview deployments work in Dokploy?", + answer: + "Preview deployments create environments for testing code changes before they reach production environments. When a pull request or branch updates, Dokploy can trigger automated deployments and deployment workflows so developers can validate functionality, reliability, and security in an isolated environment. This setup supports multiple environments, speeds up testing for new features, and helps teams reduce errors before customers and users see changes in production.", + }, + { + question: "What is a deployment platform?", + answer: + "A deployment platform helps developers and teams deploy apps and services through a repeatable deployment process. It brings software deployment tools and deployment workflows into one place so you can manage setup, configuration, build, deployment, and infrastructure management from a single dashboard. The goal is speed and reliability: automate routine steps, reduce errors from manual work, and keep production environments secure as applications evolve and ship new features.", + }, + { + question: + "What's the difference between a deployment platform and a software deployment platform?", + answer: + "In practice, they overlap. A deployment platform often focuses on the mechanics of deployment tools and infrastructure, while a software deployment platform emphasizes end-to-end software delivery, including CI/CD, continuous integration, and continuous delivery. A software deployment platform typically ties deployment workflows to version control systems, configuration files, and multiple environments, so teams can maintain consistency from development to production, with rollback capabilities when code changes introduce issues.", + }, +]; + +export default function ApplicationDeploymentPlatformPage() { + return ( +
+ {/* Hero Section */} +
+ + +
+

+ The Ultimate Application Deployment Platform +

+

+ Deploy any type of application with our straightforward solution. + Benefit from multiple build types, Docker Compose support, and our + native Git integration. +

+
+ + +
+
+
+
+ + {/* Professional features for every developer */} +
+ +
+

+ Professional features for every developer +

+

+ Take advantage of flexible features that empower everyone, no + matter your build strategy or the size of your team. +

+
+
+ {professionalFeatures.map((feature) => ( +
+
+ +
+

{feature.title}

+

+ {feature.description} +

+
+ ))} +
+
+
+ + {/* Ship from GitHub, Bitbucket, and more */} +
+ +
+
+
+ +
+
+

+ Ship from GitHub, Bitbucket, and more +

+

+ Connect your repo and deploy on push with webhooks. We support + GitHub, GitLab, Gitea, Bitbucket, Docker registry, and Git generic + provider. Control exactly what changes trigger a release, including + monorepos. +

+
+
+
+ + {/* Automate deployments and test changes */} +
+ +
+

+ Automate deployments and test changes +

+

+ Keep application deployments hands-off, while still staying in + control of what ships and when. +

+
+
+ {automationFeatures.map((feature) => ( +
+
+ +
+

{feature.title}

+

+ {feature.description} +

+
+ ))} +
+
+
+ + {/* Host Dokploy where your business needs it */} +
+ +
+

+ Host Dokploy where your business needs it +

+

+ Choose a deployment option that suits your business–on your + infrastructure or ours. +

+
+
+ {deploymentOptions.map((option) => ( +
+
+ +
+

+ {option.title} +

+
    + {option.items.map((item) => ( +
  • + + {item} +
  • + ))} +
+
+ ))} +
+
+
+ + {/* Hundreds of templates */} +
+ +
+
+
+ +
+
+

+ Hundreds of templates to get started +

+

+ Deploy popular open-source apps in one click with Dokploy Templates, + a ready-to-run library of pre-configured apps you can deploy fast, + without rebuilding the same stack from scratch. +

+
+
+
+ + {/* Dashboard screenshot */} +
+ +
+ Dokploy dashboard showing projects and deployed services +
+
+
+ + {/* Everything you need in a deployment platform */} +
+ +
+

+ Everything you need in a deployment platform +

+

+ Dokploy is the software deployment platform for shipping anything + from a single service to a full multi-container stack. +

+
+
+ {platformFeatures.map((feature) => ( +
+
+ +
+

+ {feature.title} +

+

+ {feature.description} +

+
+ ))} +
+
+
+ + {/* Application deployment FAQs */} +
+ +
+

+ Application deployment FAQs +

+
+ + {faqs.map((faq, index) => ( + + + {faq.question} + + {faq.answer} + + ))} + +
+
+ + +
+ ); +} diff --git a/apps/website/components/Footer.tsx b/apps/website/components/Footer.tsx index 9d6b5007..a8361d26 100644 --- a/apps/website/components/Footer.tsx +++ b/apps/website/components/Footer.tsx @@ -1,64 +1,115 @@ "use client"; import Link from "next/link"; -import type { SVGProps } from "react"; import { Container } from "./Container"; import { NavLink } from "./NavLink"; import { Logo } from "./shared/Logo"; -import { buttonVariants } from "./ui/button"; -const I18nIcon = (props: JSX.IntrinsicAttributes & SVGProps) => ( - - - -); +const footerSections = [ + { + title: "Product", + ariaLabel: "Product and features", + links: [ + { href: "/", label: "Home" }, + { href: "/#features", label: "Features" }, + { href: "/#pricing", label: "Pricing" }, + { + href: "/features/application-deployment-platform", + label: "Application Deployment Platform", + }, + { href: "/contact", label: "Contact" }, + ], + }, + { + title: "Compare & Learn", + ariaLabel: "Comparisons and guides", + links: [ + { + href: "/dokploy-vs-coolify", + label: "Dokploy vs. Coolify", + }, + { href: "/blog", label: "Blog" }, + { + href: "https://docs.dokploy.com/docs/core", + label: "Documentation", + external: true, + }, + ], + }, + { + title: "Legal", + ariaLabel: "Legal and policies", + links: [ + { href: "/terms-of-service", label: "Terms of Service" }, + { href: "/privacy", label: "Privacy Policy" }, + ], + }, +] as const; export function Footer() { return ( -