{"id":72756,"date":"2023-09-13T10:31:50","date_gmt":"2023-09-13T09:31:50","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=72756&#038;preview=true&#038;preview_id=72756"},"modified":"2023-09-19T15:04:04","modified_gmt":"2023-09-19T14:04:04","slug":"containeurizer-application-next-jss","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/","title":{"rendered":"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta"},"content":{"rendered":"<p>Cet article explique comment conteneuriser une application <a href=\"https:\/\/kinsta.com\/fr\/blog\/next-js\/\">Next.js<\/a> avec un <strong>fichier Docker<\/strong> pour un d\u00e9ploiement personnalisable. Alternativement, vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/blog\/portfolio-next-js\/#deploy-your-portfolio-to-kinsta\">d\u00e9ployer une application Next.js sur Kinsta en utilisant le d\u00e9ploiement automatique<\/a>.<\/p>\n<p>Avec <a href=\"https:\/\/www.docker.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Docker<\/a>, nous emballons une application, son environnement et ses d\u00e9pendances dans un conteneur isol\u00e9. Un conteneur est constitu\u00e9 d&rsquo;une application fonctionnant dans une version simplifi\u00e9e de Linux. Une image Docker est le plan d&rsquo;un conteneur, et le conteneur est une instance en cours d&rsquo;ex\u00e9cution d&rsquo;une image.<\/p>\n<p>Pour conteneuriser une application, nous utilisons une m\u00e9thode d\u00e9clarative par le biais d&rsquo;un <strong>fichier Docker<\/strong>. Docker lit et ex\u00e9cute les scripts d\u00e9finis dans ce fichier pour construire et d\u00e9ployer votre application.<\/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>Notre expert en la mati\u00e8re (SME) <a href=\"https:\/\/kinsta.com\/blog\/author\/aminchoroomi\/\">Amin Choroomi<\/a>, d\u00e9veloppeur logiciel chez Kinsta, a cr\u00e9\u00e9 la base de code et les \u00e9tapes de ce tutoriel.<\/p>\n<\/aside>\n\n<h2>Avantages de la conteneurisation de votre application<\/h2>\n<p>La conteneurisation d&rsquo;une application pr\u00e9sente de nombreux avantages, tels que la portabilit\u00e9, la stabilit\u00e9, l&rsquo;\u00e9volutivit\u00e9, la s\u00e9curit\u00e9 et la performance. En d\u00e9ployant une application sur Kinsta \u00e0 l&rsquo;aide d&rsquo;un <strong>fichier Docker<\/strong>, vous tirez \u00e9galement parti de sa personnalisation.<\/p>\n<h3>Portabilit\u00e9<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-docker\/\">Docker<\/a> encapsule tout ce dont une application a besoin pour fonctionner, ce qui lui permet de passer facilement d&rsquo;un environnement \u00e0 l&rsquo;autre. Que vous l&rsquo;ex\u00e9cutiez localement, sur un ordinateur dot\u00e9 d&rsquo;un syst\u00e8me d&rsquo;exploitation diff\u00e9rent, ou dans des environnements de staging et de production, Docker construit l&rsquo;application avec les m\u00eames composants, ce qui facilite le codage, les tests et le d\u00e9ploiement.<\/p>\n<h3>\u00c9volutivit\u00e9<\/h3>\n<p>Avec Docker, vous pouvez ex\u00e9cuter plusieurs instances de votre conteneur sur diff\u00e9rents serveurs. Les orchestrateurs de conteneurs g\u00e8rent l&rsquo;augmentation du trafic sans affecter les performances de votre application.<\/p>\n<h3>Stabilit\u00e9<\/h3>\n<p>En ex\u00e9cutant votre application dans un conteneur isol\u00e9, vous obtenez des r\u00e9sultats pr\u00e9visibles lorsque vous d\u00e9placez le code entre les syst\u00e8mes de d\u00e9veloppement, de test et de production. \u00c9tant donn\u00e9 que votre conteneur contient les versions exactes des biblioth\u00e8ques et des paquets n\u00e9cessaires, il minimise le risque de bogues dus aux diff\u00e9rentes r\u00e9visions des d\u00e9pendances.<\/p>\n<p>En outre, lorsque votre application est d\u00e9ploy\u00e9e sur un serveur de production, Docker l&rsquo;isole des autres applications, ce qui minimise le risque d&rsquo;\u00eatre affect\u00e9 par leurs pics de trafic.<\/p>\n<h3>S\u00e9curit\u00e9<\/h3>\n<p>Les conteneurs Docker offrent un environnement plus s\u00fbr pour vos charges de travail que les mod\u00e8les traditionnels. Comme ils divisent vos applications en composants beaucoup plus petits, faiblement coupl\u00e9s et isol\u00e9s les uns des autres, la surface d&rsquo;attaque est consid\u00e9rablement r\u00e9duite. Les conteneurs Docker r\u00e9duisent les possibilit\u00e9s d&rsquo;exploitation de vos syst\u00e8mes informatiques par des pirates et rendent plus difficile la propagation d&rsquo;une br\u00e8che en cas d&rsquo;attaque. Pour en savoir plus, consultez cet article : <a href=\"https:\/\/kinsta.com\/fr\/blog\/securite-docker\/\">9 bonnes pratiques de s\u00e9curit\u00e9 pour les conteneurs Docker<\/a>.<\/p>\n<h3>Performances<\/h3>\n<p>Les conteneurs ne contiennent pas de syst\u00e8me d&rsquo;exploitation complet comme les machines virtuelles et les serveurs traditionnels. De ce fait, les conteneurs ont une empreinte consid\u00e9rablement plus petite et sont plus rapides \u00e0 construire et \u00e0 d\u00e9marrer.<\/p>\n<h3>D\u00e9ploiement personnalis\u00e9<\/h3>\n<p>Avec Kinsta, vous pouvez d\u00e9ployer vos applications automatiquement en utilisant des Buildpacks et des Nixpacks. Mais lorsque le processus de construction est automatiquement d\u00e9clench\u00e9 sur la base du code de votre application, vous n&rsquo;avez pas beaucoup de place pour les personnalisations. Si vous d\u00e9ployez sur Kinsta avec un <strong>fichier Docker<\/strong>, vous pouvez configurer pr\u00e9cis\u00e9ment la fa\u00e7on dont vous souhaitez construire et d\u00e9ployer votre application.<\/p>\n<h2>Pr\u00e9-requis<\/h2>\n<p>Pour d\u00e9ployer une application <a href=\"https:\/\/nextjs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Next.js<\/a> avec Docker, vous avez besoin de :<\/p>\n<ul>\n<li><a href=\"https:\/\/nodejs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Node.js<\/a> et <a href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">npm<\/a> install\u00e9s.<\/li>\n<li><a href=\"https:\/\/www.docker.com\/products\/docker-desktop\/\" target=\"_blank\" rel=\"noopener noreferrer\">Docker Desktop<\/a> (ou <a href=\"https:\/\/docs.docker.com\/engine\/\" target=\"_blank\" rel=\"noopener noreferrer\">Docker Engine<\/a>) install\u00e9 et en cours d&rsquo;ex\u00e9cution sur votre ordinateur.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Pour ce tutoriel, nous supposons que vous avez une compr\u00e9hension de base de Next.js et de Docker.<\/p>\n<\/aside>\n\n<h2>Commencer avec une application Next.js<\/h2>\n<p>Si vous d\u00e9marrez \u00e0 partir d&rsquo;une application existante, vous pouvez sauter cette \u00e9tape. Si vous commencez \u00e0 z\u00e9ro, cr\u00e9ez une nouvelle application Next.js :<\/p>\n<ol start=\"1\">\n<li>Ouvrez votre terminal et installez <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>Naviguez jusqu&rsquo;au r\u00e9pertoire o\u00f9 vous voulez l&rsquo;installer et cr\u00e9ez une nouvelle application Next.js dans son propre r\u00e9pertoire :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npx create-next-app@latest new-app<\/code><\/pre>\n<p>Next vous invite \u00e0 sp\u00e9cifier un certain nombre d&rsquo;options de configuration pour votre nouvelle application. Pour ce tutoriel, vous pouvez simplement accepter les valeurs par d\u00e9faut propos\u00e9es.<\/p>\n<ol start=\"3\">\n<li>Pour pr\u00e9visualiser votre nouvelle application, acc\u00e9dez au r\u00e9pertoire <strong>new-app<\/strong> et ex\u00e9cutez :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npm run dev<\/code><\/pre>\n<p>Pour votre r\u00e9f\u00e9rence, nous avons cr\u00e9\u00e9 un <a href=\"https:\/\/github.com\/VirtuaCreative\/kinsta-nextjs-docker\" target=\"_blank\" rel=\"noopener noreferrer\">exemple d&rsquo;application<\/a> en utilisant cette m\u00e9thode.<\/p>\n<h2>Conteneuriser une application Next.js avec un Dockerfile<\/h2>\n<p>Pour conteneuriser votre application Next.js et la d\u00e9ployer avec Docker, cr\u00e9ez un <strong>Dockerfile<\/strong> dans le r\u00e9pertoire racine de votre application.<\/p>\n<h3>\u00c9tape de construction<\/h3>\n<p>Dans votre Dockerfile, commencez par cr\u00e9er l&rsquo;\u00e9tape <code>build<\/code> pour construire votre application :<\/p>\n<ol start=\"1\">\n<li>Utilisez la derni\u00e8re image stable officielle de Node.js alpine comme image de base pour l&rsquo;\u00e9tape <code>build<\/code>:<\/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>Copiez les fichiers <strong>package.json<\/strong> et <strong>package-lock.json<\/strong> dans le conteneur :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY package*.json .\/<\/code><\/pre>\n<ol start=\"3\">\n<li>Installez les d\u00e9pendances de l&rsquo;application avec :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">RUN npm ci<\/code><\/pre>\n<ol start=\"4\">\n<li>Copiez le reste du code de l&rsquo;application dans le conteneur avec :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY . .<\/code><\/pre>\n<ol start=\"5\">\n<li>Cr\u00e9ez l&rsquo;application :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">RUN npm run build<\/code><\/pre>\n<h3>\u00c9tape d&rsquo;ex\u00e9cution<\/h3>\n<p>Cr\u00e9ez l&rsquo;\u00e9tape <code>runtime<\/code> pour d\u00e9ployer votre application :<\/p>\n<ol start=\"1\">\n<li>Utilisez la derni\u00e8re image stable officielle de Node.js alpine comme image de base pour l&rsquo;\u00e9tape <code>runtime<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">FROM node:18-alpine AS runtime<\/code><\/pre>\n<ol start=\"2\">\n<li>D\u00e9finissez le r\u00e9pertoire de travail \u00e0 <code>\/app<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">WORKDIR \/app<\/code><\/pre>\n<ol start=\"3\">\n<li>Copiez les fichiers <strong>package.json<\/strong> et <strong>package-lock.json<\/strong> dans le conteneur :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY package*.json .\/<\/code><\/pre>\n<ol start=\"4\">\n<li>Installez uniquement les d\u00e9pendances de production :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">RUN npm ci --only=production<\/code><\/pre>\n<ol start=\"5\">\n<li>Copiez l&rsquo;application construite de l&rsquo;\u00e9tape <code>build<\/code> \u00e0 l&rsquo;\u00e9tape <code>runtime<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">COPY --from=build \/app\/.next .\/.next<\/code><\/pre>\n<ol start=\"6\">\n<li>Copiez le dossier public de l&rsquo;\u00e9tape <code>build<\/code> vers l&rsquo;\u00e9tape <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>Exposez le port 3000 :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">EXPOSE 3000<\/code><\/pre>\n<ol start=\"8\">\n<li>Ex\u00e9cutez le conteneur en tant qu&rsquo;utilisateur non privil\u00e9gi\u00e9 :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">USER node<\/code><\/pre>\n<ol start=\"9\">\n<li>D\u00e9marrez l&rsquo;application Next.js :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">CMD [\"npm\", \"start\"]<\/code><\/pre>\n<p>Nous obtenons le <strong>Dockerfile<\/strong> suivant :<\/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>D\u00e9ployer l&rsquo;application localement avec Docker<\/h2>\n<p>Bien que vous puissiez toujours pr\u00e9visualiser votre application avec <code>run npm dev<\/code>, ex\u00e9cutez-la localement avec Docker pour imiter l&rsquo;environnement de production et pour tester et pr\u00e9visualiser toutes les modifications que vous apportez au <strong>Dockerfile<\/strong> de votre application.<\/p>\n<p>Pour pr\u00e9visualiser votre application :<\/p>\n<ol start=\"1\">\n<li>Cr\u00e9ez l&rsquo;application \u00e0 l&rsquo;aide de <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>Ex\u00e9cutez le conteneur pour pr\u00e9visualiser votre application :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">docker run -p 3000:3000 next-docker<\/code><\/pre>\n<ol start=\"3\">\n<li>Dans votre navigateur, ouvrez <code>http:\/\/localhost:3000<\/code>.<\/li>\n<\/ol>\n<h2>D\u00e9ployer l&rsquo;application Next.js conteneuris\u00e9e sur Kinsta<\/h2>\n<p>Suivez les \u00e9tapes ci-dessous pour d\u00e9ployer votre application sur Kinsta en utilisant son <strong>Dockerfile<\/strong>.<\/p>\n<ol start=\"1\">\n<li>H\u00e9bergez la base de code de votre application sur un d\u00e9p\u00f4t Git (sur GitHub, GitLab ou Bitbucket).<\/li>\n<li>Connectez-vous \u00e0 votre compte MyKinsta ou <a href=\"https:\/\/kinsta.com\/fr\/inscription\/\">cr\u00e9ez-en un nouveau<\/a> pour acc\u00e9der \u00e0 votre tableau de bord.<\/li>\n<li>Cliquez sur <strong>Ajouter un service<\/strong> et s\u00e9lectionnez <strong>Application<\/strong>.<\/li>\n<li>S\u00e9lectionnez votre fournisseur Git, votre d\u00e9p\u00f4t et la branche \u00e0 partir de laquelle vous souhaitez effectuer le d\u00e9ploiement.<\/li>\n<li>Cochez la case <strong>D\u00e9ploiement automatique lors de la validation<\/strong> si vous souhaitez d\u00e9ployer votre application \u00e0 chaque ajout \u00e0 votre d\u00e9p\u00f4t.<\/li>\n<li>S\u00e9lectionnez le centre de donn\u00e9es le plus proche de votre public et cliquez sur <strong>Continuer<\/strong>.<\/li>\n<li>Choisissez votre environnement de construction et s\u00e9lectionnez <strong>Utiliser un Dockerfile pour configurer l&rsquo;image du conteneur<\/strong>.<\/li>\n<li>Si votre fichier Docker ne se trouve pas \u00e0 la racine de votre r\u00e9pertoire, utilisez <strong>Contexte<\/strong> pour indiquer son chemin d&rsquo;acc\u00e8s et cliquez sur <strong>Continuer<\/strong>.<\/li>\n<li>Vous pouvez laisser l&rsquo;entr\u00e9e de la <strong>commande Start<\/strong> vide. Kinsta utilise <code>npm start<\/code> pour d\u00e9marrer votre application.<\/li>\n<li>S\u00e9lectionnez la taille du pod et le nombre d&rsquo;instances qui conviennent le mieux \u00e0 votre application et cliquez sur <strong>Continuer<\/strong>.<\/li>\n<li>Remplissez les informations relatives \u00e0 votre carte bancaire et cliquez sur <strong>Cr\u00e9er une application<\/strong>.<\/li>\n<\/ol>\n<p>Votre application est pr\u00eate \u00e0 \u00eatre d\u00e9ploy\u00e9e. Si vous avez coch\u00e9 la case\u00a0<strong>D\u00e9ploiement automatique lors de la validation<\/strong> \u00e0 l&rsquo;\u00e9tape 5, Kinsta d\u00e9marre le d\u00e9ploiement automatiquement.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Dans cet article, nous avons discut\u00e9 de quelques avantages de l&rsquo;utilisation de Docker par rapport aux mod\u00e8les traditionnels ; nous avons expliqu\u00e9 comment cr\u00e9er un <strong>fichier Docker<\/strong> pour une application Next.js, la construire et la d\u00e9ployer avec <a href=\"https:\/\/kinsta.com\/fr\/sujets\/docker\/\">Docker<\/a> localement, et la d\u00e9ployer sur Kinsta.<\/p>\n<p>L&rsquo;<a href=\"https:\/\/sevalla.com\/application-hosting\/\">h\u00e9bergement d&rsquo;applications<\/a> de Kinsta rend votre flux de d\u00e9veloppement efficace et sans effort.<\/p>\n<p>Des fonctionnalit\u00e9s telles que les applications conteneuris\u00e9es sur l&rsquo;infrastructure GCP fonctionnant sur des machines C2 avec 27 centres de donn\u00e9es disponibles, l&rsquo;int\u00e9gration premium avec Cloudflare pour un CDN haute performance qui sert votre site \u00e0 partir de 300 points de pr\u00e9sence, la protection DDoS du pare-feu au niveau de l&rsquo;entreprise, la mise en cache Edge et la surveillance du temps de fonctionnement (avec une garantie de temps de fonctionnement de 99 %), assurent que votre application fonctionne rapidement, en toute s\u00e9curit\u00e9 et qu&rsquo;elle est disponible de mani\u00e8re fiable sur Internet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cet article explique comment conteneuriser une application Next.js avec un fichier Docker pour un d\u00e9ploiement personnalisable. Alternativement, vous pouvez d\u00e9ployer une application Next.js sur Kinsta en &#8230;<\/p>\n","protected":false},"author":290,"featured_media":72757,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[979,980],"class_list":["post-72756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-frameworks-javascript","topic-tutoriel-javascript"],"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>Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta<\/title>\n<meta name=\"description\" content=\"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.\" \/>\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\/fr\/blog\/containeurizer-application-next-jss\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta\" \/>\n<meta property=\"og:description\" content=\"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-13T09:31:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-19T14:04:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/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=\"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcia Ramos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/\"},\"author\":{\"name\":\"Marcia Ramos\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\"},\"headline\":\"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta\",\"datePublished\":\"2023-09-13T09:31:50+00:00\",\"dateModified\":\"2023-09-19T14:04:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/\"},\"wordCount\":1516,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/\",\"name\":\"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"datePublished\":\"2023-09-13T09:31:50+00:00\",\"dateModified\":\"2023-09-19T14:04:04+00:00\",\"description\":\"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frameworks JavaScript\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/frameworks-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"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\/fr\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\",\"name\":\"Marcia Ramos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/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\/fr\/blog\/author\/marciaramos\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta","description":"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.","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\/fr\/blog\/containeurizer-application-next-jss\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta","og_description":"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.","og_url":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2023-09-13T09:31:50+00:00","article_modified_time":"2023-09-19T14:04:04+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","type":"image\/jpeg"}],"author":"Marcia Ramos","twitter_card":"summary_large_image","twitter_description":"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Marcia Ramos","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/"},"author":{"name":"Marcia Ramos","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116"},"headline":"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta","datePublished":"2023-09-13T09:31:50+00:00","dateModified":"2023-09-19T14:04:04+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/"},"wordCount":1516,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/","url":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/","name":"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","datePublished":"2023-09-13T09:31:50+00:00","dateModified":"2023-09-19T14:04:04+00:00","description":"Construisez et d\u00e9ployez des applications et apprenez \u00e0 conteneuriser une application Next.js avec un Dockerfile pour un d\u00e9ploiement personnalisable.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/09\/containerize-nextjs-app-and-deploy-to-kinsta.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/containeurizer-application-next-jss\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Frameworks JavaScript","item":"https:\/\/kinsta.com\/fr\/sujets\/frameworks-javascript\/"},{"@type":"ListItem","position":3,"name":"Comment conteneuriser une application Next.js et la d\u00e9ployer sur Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","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\/fr\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116","name":"Marcia Ramos","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/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\/fr\/blog\/author\/marciaramos\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/72756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=72756"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/72756\/revisions"}],"predecessor-version":[{"id":72765,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/72756\/revisions\/72765"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/72756\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/72757"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=72756"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=72756"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=72756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}