{"id":65642,"date":"2023-09-13T10:29:09","date_gmt":"2023-09-13T09:29:09","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=65642&#038;preview=true&#038;preview_id=65642"},"modified":"2023-09-21T15:39:10","modified_gmt":"2023-09-21T14:39:10","slug":"kontainerisieren-next-js","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/","title":{"rendered":"Wie man eine Next.js-App containerisiert und auf Kinsta bereitstellt"},"content":{"rendered":"<p>In diesem Artikel wird erkl\u00e4rt, wie du eine <a href=\"https:\/\/kinsta.com\/de\/blog\/next-js\/\">Next.js<\/a>-Anwendung mit einer <strong>Dockerdatei<\/strong> containerisierst, um sie individuell zu verteilen. Alternativ kannst du <a href=\"https:\/\/kinsta.com\/de\/blog\/next-js-portfolio\/#deploy-your-portfolio-to-kinsta\">eine Next.js-Anwendung auch \u00fcber die automatische Bereitstellung auf Kinsta bereitstellen<\/a>.<\/p>\n<p>Mit <a href=\"https:\/\/www.docker.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Docker<\/a> packen wir eine Anwendung, ihre Umgebung und ihre Abh\u00e4ngigkeiten in einen isolierten Container. Ein Container besteht aus einer Anwendung, die in einer abgespeckten Linux-Version l\u00e4uft. Ein Docker-Image ist die Blaupause f\u00fcr einen Container, und der Container ist eine laufende Instanz eines Images.<\/p>\n<p>Um eine Anwendung zu containerisieren, verwenden wir eine deklarative Methode \u00fcber ein <strong>Dockerfile<\/strong>. Docker liest die in dieser Datei definierten Skripte und f\u00fchrt sie aus, um deine Anwendung zu erstellen und einzusetzen.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Unser Fachexperte (SME) <a href=\"https:\/\/kinsta.com\/blog\/author\/aminchoroomi\/\">Amin Choroomi<\/a>, Softwareentwickler bei Kinsta, hat die Codebasis und die Schritte f\u00fcr diesen Leitfaden erstellt.<\/p>\n<\/aside>\n\n<h2>Vorteile der Containerisierung deiner Anwendung<\/h2>\n<p>Die Containerisierung einer Anwendung bringt viele Vorteile mit sich, z. B. Portabilit\u00e4t, Stabilit\u00e4t, Skalierbarkeit, Sicherheit und Leistung. Wenn du eine Anwendung mit einem <strong>Dockerfile<\/strong> auf Kinsta bereitstellst, kannst du auch die Anpassungsf\u00e4higkeit der Anwendung nutzen.<\/p>\n<h3>Portabilit\u00e4t<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-docker\/\">Docker<\/a> kapselt alles, was eine Anwendung braucht, um zu laufen, so dass sie leicht zwischen verschiedenen Umgebungen ausgetauscht werden kann. Egal, ob du sie lokal, auf einem Computer mit einem anderen Betriebssystem oder in Staging- und Produktionsumgebungen ausf\u00fchrst, Docker baut die Anwendung mit denselben Komponenten auf, was das Programmieren, Testen und Bereitstellen erleichtert.<\/p>\n<h3>Skalierbarkeit<\/h3>\n<p>Mit Docker kannst du mehrere Instanzen deines Containers auf verschiedenen Servern laufen lassen. Die Container-Orchestratoren bew\u00e4ltigen einen erh\u00f6hten Datenverkehr, ohne die Leistung deiner Anwendung zu beeintr\u00e4chtigen.<\/p>\n<h3>Stabilit\u00e4t<\/h3>\n<p>Wenn du deine Anwendung in einem isolierten Container ausf\u00fchrst, hast du vorhersehbare Ergebnisse, wenn du den Code zwischen Entwicklungs-, Test- und Produktionssystemen verschiebst. Da dein Container exakte Versionen der ben\u00f6tigten Bibliotheken und Pakete enth\u00e4lt, minimiert er das Risiko von Fehlern aufgrund unterschiedlicher Abh\u00e4ngigkeitsrevisionen.<\/p>\n<p>Wenn deine Anwendung auf einem Produktionsserver eingesetzt wird, h\u00e4lt Docker sie au\u00dferdem von anderen Anwendungen isoliert und minimiert so das Risiko, von deren Verkehrsspitzen betroffen zu sein.<\/p>\n<h3>Sicherheit<\/h3>\n<p>Docker-Container bieten eine sicherere Umgebung f\u00fcr deine Workloads als herk\u00f6mmliche Modelle. Da sie deine Anwendungen in viel kleinere, lose gekoppelte Komponenten aufteilen, die jeweils voneinander isoliert sind, ist die Angriffsfl\u00e4che deutlich geringer. Docker-Container verringern die Chancen von Hackern, deine Computersysteme auszunutzen, und machen es im Falle eines Angriffs schwieriger, sich auszubreiten. Erfahre mehr in diesem Artikel: <a href=\"https:\/\/kinsta.com\/de\/blog\/docker-sicherheit\/\">9 Best Practices f\u00fcr die Sicherheit von Docker-Containern<\/a>.<\/p>\n<h3>Leistung<\/h3>\n<p>Container enthalten kein komplettes Betriebssystem wie virtuelle Maschinen und herk\u00f6mmliche Server. Dadurch haben Container einen wesentlich geringeren Platzbedarf und lassen sich schneller aufbauen und starten.<\/p>\n<h3>Individuelle Bereitstellung<\/h3>\n<p>Mit Kinsta kannst du deine Anwendungen mit Hilfe von Buildpacks und Nixpacks automatisch bereitstellen. Aber wenn der Build-Prozess automatisch auf der Grundlage der Codebasis deiner Anwendung ausgel\u00f6st wird, hast du nicht viel Spielraum f\u00fcr Anpassungen. Wenn du deine Anwendung mit einer <strong>Dockerdatei<\/strong> in Kinsta bereitstellst, kannst du genau konfigurieren, wie du sie bauen und bereitstellen m\u00f6chtest.<\/p>\n<h2>Anforderungen<\/h2>\n<p>Um eine <a href=\"https:\/\/nextjs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Next.js<\/a>-Anwendung mit Docker bereitzustellen, brauchst du:<\/p>\n<ul>\n<li><a href=\"https:\/\/nodejs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Node.js<\/a> und <a href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">npm<\/a> installiert haben.<\/li>\n<li><a href=\"https:\/\/www.docker.com\/products\/docker-desktop\/\" target=\"_blank\" rel=\"noopener noreferrer\">Docker Desktop<\/a> (oder <a href=\"https:\/\/docs.docker.com\/engine\/\" target=\"_blank\" rel=\"noopener noreferrer\">Docker Engine<\/a>) ist installiert und l\u00e4uft auf deinem Computer.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>F\u00fcr dieses Tutorial gehen wir davon aus, dass du ein grundlegendes Verst\u00e4ndnis von Next.js und Docker hast.<\/p>\n<\/aside>\n\n<h2>Mit einer Next.js-Anwendung beginnen<\/h2>\n<p>Wenn du mit einer bestehenden Anwendung beginnst, kannst du diesen Schritt \u00fcberspringen. Wenn du neu beginnst, erstelle eine neue Next.js-Anwendung:<\/p>\n<ol start=\"1\">\n<li>\u00d6ffne dein Terminal und installiere <code>create-next-app<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npm i -g create-next-app@latest<\/code><\/pre>\n<ol start=\"2\">\n<li>Navigiere zu dem Verzeichnis, in dem du es installieren m\u00f6chtest, und erstelle eine neue Next.js-Anwendung in einem eigenen Verzeichnis:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npx create-next-app@latest new-app<\/code><\/pre>\n<p>Next fordert dich auf, eine Reihe von Konfigurationsoptionen f\u00fcr deine neue Anwendung anzugeben. F\u00fcr diesen Leitfaden kannst du einfach die vorgeschlagenen Standardeinstellungen \u00fcbernehmen.<\/p>\n<ol start=\"3\">\n<li>Um eine Vorschau deiner neuen Anwendung zu sehen, navigiere zum Verzeichnis <strong>new-app<\/strong> und f\u00fchre sie aus:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npm run dev<\/code><\/pre>\n<p>Zu deiner Information haben wir eine <a href=\"https:\/\/github.com\/VirtuaCreative\/kinsta-nextjs-docker\" target=\"_blank\" rel=\"noopener noreferrer\">Beispielanwendung<\/a> mit dieser Methode erstellt.<\/p>\n<h2>Containerisierung einer Next.js-Anwendung mit einer Dockerdatei<\/h2>\n<p>Um deine Next.js-Anwendung zu containerisieren und mit Docker bereitzustellen, erstellst du ein <strong>Dockerfile<\/strong> im Stammverzeichnis deiner Anwendung.<\/p>\n<h3>Build-Phase<\/h3>\n<p>Beginne in deinem Dockerfile mit der Erstellung der <code>build<\/code> Stage, um deine Anwendung zu bauen:<\/p>\n<ol start=\"1\">\n<li>Verwende das offizielle letzte stabile Node.js-Alpine-Image als Basis-Image f\u00fcr die <code>build<\/code> Stage:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">FROM node:18-alpine AS build\nWORKDIR \/app<\/code><\/pre>\n<ol start=\"2\">\n<li>Kopiere die Dateien <strong>package.json<\/strong> und <strong>package-lock.json<\/strong> in den Container:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY package*.json .\/<\/code><\/pre>\n<ol start=\"3\">\n<li>Installiere die Anwendungs-Abh\u00e4ngigkeiten mit:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">RUN npm ci<\/code><\/pre>\n<ol start=\"4\">\n<li>Kopiere den Rest des Anwendungscodes in den Container mit:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY . .<\/code><\/pre>\n<ol start=\"5\">\n<li>Erstelle die Anwendung:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">RUN npm run build<\/code><\/pre>\n<h3>Runtime Stage<\/h3>\n<p>Erstelle die <code>runtime<\/code> Stage, um deine Anwendung einzusetzen:<\/p>\n<ol start=\"1\">\n<li>Verwende das offizielle letzte stabile Node.js-Alpine-Image als Basis-Image f\u00fcr die <code>runtime<\/code> Stage:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">FROM node:18-alpine AS runtime<\/code><\/pre>\n<ol start=\"2\">\n<li>Setze das Arbeitsverzeichnis auf <code>\/app<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">WORKDIR \/app<\/code><\/pre>\n<ol start=\"3\">\n<li>Kopiere die Dateien <strong>package.json<\/strong> und <strong>package-lock.json<\/strong> in den Container:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY package*.json .\/<\/code><\/pre>\n<ol start=\"4\">\n<li>Installiere nur die Produktionsabh\u00e4ngigkeiten:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">RUN npm ci --only=production<\/code><\/pre>\n<ol start=\"5\">\n<li>Kopiere die erstellte Anwendung von der <code>build<\/code> Stage auf die <code>runtime<\/code> Stage:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY --from=build \/app\/.next .\/.next<\/code><\/pre>\n<ol start=\"6\">\n<li>Kopiere den \u00f6ffentlichen Ordner von der Phase <code>build<\/code> in die Phase <code>runtime<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY --from=build \/app\/public .\/public<\/code><\/pre>\n<ol start=\"7\">\n<li>Schalte Port 3000 frei:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">EXPOSE 3000<\/code><\/pre>\n<ol start=\"8\">\n<li>F\u00fchre den Container als unprivilegierter Benutzer aus:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">USER node<\/code><\/pre>\n<ol start=\"9\">\n<li>Starte die Next.js-Anwendung:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">CMD [\"npm\", \"start\"]<\/code><\/pre>\n<p>Am Ende erhalten wir das folgende <strong>Dockerfile<\/strong>:<\/p>\n<pre><code class=\"language-bash\">FROM node:18-alpine AS build\n\nWORKDIR \/app\nCOPY package*.json .\/\nRUN npm ci\nCOPY . .\nRUN npm run build\n\nFROM node:18-alpine AS runtime\n\nWORKDIR \/app\nCOPY package*.json .\/\nRUN npm ci --only=production\nCOPY --from=build \/app\/.next .\/.next\nCOPY --from=build \/app\/public .\/public\n\nEXPOSE 3000\nUSER node\nCMD [\"npm\", \"start\"]<\/code><\/pre>\n<h2>Lokale Bereitstellung der Anwendung mit Docker<\/h2>\n<p>Obwohl du deine Anwendung mit <code>run npm dev<\/code> in der Vorschau anzeigen kannst, solltest du sie lokal mit Docker ausf\u00fchren, um die Produktionsumgebung zu simulieren und alle \u00c4nderungen am <strong>Dockerfile<\/strong> deiner Anwendung zu testen.<\/p>\n<p>Um eine Vorschau deiner Anwendung zu erstellen:<\/p>\n<ol start=\"1\">\n<li>Erstelle die Anwendung mit <code>docker build<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">docker build -t next-docker .<\/code><\/pre>\n<ol start=\"2\">\n<li>Starte den Container, um eine Vorschau deiner Anwendung zu erhalten:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">docker run -p 3000:3000 next-docker<\/code><\/pre>\n<ol start=\"3\">\n<li>\u00d6ffne in deinem Browser <code>http:\/\/localhost:3000<\/code>.<\/li>\n<\/ol>\n<h2>Bereitstellen der containerisierten Next.js-Anwendung auf Kinsta<\/h2>\n<p>Befolge die folgenden Schritte, um deine Anwendung mithilfe des <strong>Dockerfiles<\/strong> auf Kinsta bereitzustellen.<\/p>\n<ol start=\"1\">\n<li>Horte die Codebasis deiner Anwendung in einem Git-Repository (auf GitHub, GitLab oder Bitbucket).<\/li>\n<li>Logge dich in dein MyKinsta-Konto ein oder <a href=\"https:\/\/kinsta.com\/de\/anmelden\/\">erstelle ein neues<\/a>, um auf dein Dashboard zuzugreifen.<\/li>\n<li>Klicke auf <strong>Dienst hinzuf\u00fcgen<\/strong> und w\u00e4hle <strong>Anwendung<\/strong>.<\/li>\n<li>W\u00e4hle deinen Git-Anbieter, dein Repository und den Zweig, von dem aus du bereitstellen willst.<\/li>\n<li>Aktiviere das Kontrollk\u00e4stchen <strong>Automatische Bereitstellung bei \u00dcbergabe<\/strong>, wenn du deine Anwendung bei jedem Push an dein Repository bereitstellen m\u00f6chtest.<\/li>\n<li>W\u00e4hle das Rechenzentrum aus, das deiner Zielgruppe am n\u00e4chsten liegt, und klicke auf <strong>Weiter<\/strong>.<\/li>\n<li>W\u00e4hle deine Build-Umgebung und w\u00e4hle <strong>Dockerfile verwenden, um das Container-Image<\/strong> zu erstellen.<\/li>\n<li>Wenn sich deine Dockerdatei nicht im Stammverzeichnis deines Repos befindet, gib ihren Pfad mit <strong>Context<\/strong> an und klicke auf <strong>Weiter<\/strong>.<\/li>\n<li>Du kannst den Eintrag <strong>Start command<\/strong> leer lassen. Kinsta verwendet <code>npm start<\/code>, um deine Anwendung zu starten.<\/li>\n<li>W\u00e4hle die Pod-Gr\u00f6\u00dfe und die Anzahl der Instanzen, die f\u00fcr deine Anwendung am besten geeignet sind, und klicke auf <strong>Weiter<\/strong>.<\/li>\n<li>Gib deine Kreditkartendaten ein und klicke auf <strong>Anwendung erstellen<\/strong>.<\/li>\n<\/ol>\n<p>Deine Anwendung ist nun bereit f\u00fcr die Bereitstellung. Wenn du in Schritt 5 das Kontrollk\u00e4stchen <strong>Automatic deployment on commit<\/strong> aktiviert hast, startet Kinsta die Bereitstellung automatisch.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>In diesem Artikel haben wir einige Vorteile der Verwendung von Docker gegen\u00fcber herk\u00f6mmlichen Modellen besprochen. Wir haben erkl\u00e4rt, wie du eine <strong>Dockerdatei<\/strong> f\u00fcr eine Next.js-Anwendung erstellst, sie lokal mit <a href=\"https:\/\/kinsta.com\/de\/thema\/docker\/\">Docker<\/a> baust und bereitstellst und sie bei Kinsta bereitstellst.<\/p>\n<p>Das <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Anwendungs-Hosting<\/a> von Kinsta macht deinen Entwicklungs-Workflow m\u00fchelos und effizient.<\/p>\n<p>Funktionen wie containerisierte Anwendung auf der GCP-Infrastruktur, die auf C2-Maschinen mit 27 Rechenzentren laufen, die Premium-Integration mit Cloudflare f\u00fcr ein hochleistungsf\u00e4higes CDN, das deine Website von 300+ Points of Presence aus bedient, DDoS-Schutz auf Unternehmensniveau durch Firewalls, Edge Caching und die \u00dcberwachung der Betriebszeit (mit einer Betriebszeitgarantie von 99 %) sorgen daf\u00fcr, dass deine Anwendung schnell und sicher l\u00e4uft und zuverl\u00e4ssig im Internet verf\u00fcgbar ist.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel wird erkl\u00e4rt, wie du eine Next.js-Anwendung mit einer Dockerdatei containerisierst, um sie individuell zu verteilen. Alternativ kannst du eine Next.js-Anwendung auch \u00fcber die &#8230;<\/p>\n","protected":false},"author":290,"featured_media":65643,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[951,952],"class_list":["post-65642","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-javascript-frameworks","topic-javascript-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man eine Next.js-Anwendung containerisiert und auf Kinsta bereitstellt<\/title>\n<meta name=\"description\" content=\"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man eine Next.js-App containerisiert und auf Kinsta bereitstellt\" \/>\n<meta property=\"og:description\" content=\"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-13T09:29:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T14:39:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marcia Ramos\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcia Ramos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/\"},\"author\":{\"name\":\"Marcia Ramos\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\"},\"headline\":\"Wie man eine Next.js-App containerisiert und auf Kinsta bereitstellt\",\"datePublished\":\"2023-09-13T09:29:09+00:00\",\"dateModified\":\"2023-09-21T14:39:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/\"},\"wordCount\":1241,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/\",\"name\":\"Wie man eine Next.js-Anwendung containerisiert und auf Kinsta bereitstellt\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"datePublished\":\"2023-09-13T09:29:09+00:00\",\"dateModified\":\"2023-09-21T14:39:10+00:00\",\"description\":\"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript-Frameworks\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/javascript-frameworks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie man eine Next.js-App containerisiert und auf Kinsta bereitstellt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\",\"name\":\"Marcia Ramos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g\",\"caption\":\"Marcia Ramos\"},\"description\":\"I'm the Editorial Team Lead at Kinsta. I'm a open source enthusiast and I love coding. With more than 10 years of technical writing and editing for the tech industry, I love collaborating with people to create clear and concise pieces of content and improve workflows.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/marciadiasramos\/\"],\"honorificSuffix\":\"B.Sc.\",\"gender\":\"Female\",\"knowsLanguage\":[\"English\",\"Portuguese\"],\"jobTitle\":\"Editorial Team Lead\",\"worksFor\":\"Kinsta Inc.\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/marciaramos\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man eine Next.js-Anwendung containerisiert und auf Kinsta bereitstellt","description":"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man eine Next.js-App containerisiert und auf Kinsta bereitstellt","og_description":"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.","og_url":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-09-13T09:29:09+00:00","article_modified_time":"2023-09-21T14:39:10+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","type":"image\/jpeg"}],"author":"Marcia Ramos","twitter_card":"summary_large_image","twitter_description":"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Marcia Ramos","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/"},"author":{"name":"Marcia Ramos","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116"},"headline":"Wie man eine Next.js-App containerisiert und auf Kinsta bereitstellt","datePublished":"2023-09-13T09:29:09+00:00","dateModified":"2023-09-21T14:39:10+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/"},"wordCount":1241,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/","url":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/","name":"Wie man eine Next.js-Anwendung containerisiert und auf Kinsta bereitstellt","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","datePublished":"2023-09-13T09:29:09+00:00","dateModified":"2023-09-21T14:39:10+00:00","description":"Erstelle und verteile Anwendungen und lerne, wie du eine Next.js-Anwendung mit einem Dockerfile f\u00fcr eine anpassbare Verteilung containerisieren kannst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/kontainerisieren-next-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"JavaScript-Frameworks","item":"https:\/\/kinsta.com\/de\/thema\/javascript-frameworks\/"},{"@type":"ListItem","position":3,"name":"Wie man eine Next.js-App containerisiert und auf Kinsta bereitstellt"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116","name":"Marcia Ramos","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g","caption":"Marcia Ramos"},"description":"I'm the Editorial Team Lead at Kinsta. I'm a open source enthusiast and I love coding. With more than 10 years of technical writing and editing for the tech industry, I love collaborating with people to create clear and concise pieces of content and improve workflows.","sameAs":["https:\/\/www.linkedin.com\/in\/marciadiasramos\/"],"honorificSuffix":"B.Sc.","gender":"Female","knowsLanguage":["English","Portuguese"],"jobTitle":"Editorial Team Lead","worksFor":"Kinsta Inc.","url":"https:\/\/kinsta.com\/de\/blog\/author\/marciaramos\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/65642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=65642"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/65642\/revisions"}],"predecessor-version":[{"id":65758,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/65642\/revisions\/65758"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/65642\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/65643"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=65642"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=65642"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=65642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}