Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS

Le déploiement d’une application Laravel sur Vercel peut sembler complexe, mais avec les bonnes étapes, il devient un processus fluide. Cet article vous guidera à travers les étapes nécessaires pour déployer votre projet Laravel sur Vercel et partagera…


This content originally appeared on DEV Community and was authored by Fabrice

Le déploiement d’une application Laravel sur Vercel peut sembler complexe, mais avec les bonnes étapes, il devient un processus fluide. Cet article vous guidera à travers les étapes nécessaires pour déployer votre projet Laravel sur Vercel et partagera des astuces pour gérer efficacement les fichiers JavaScript et CSS.

  1. Étapes de Déploiement
  • Créer un Nouveau Projet Laravel 
composer create-project laravel/laravel laravel-vercel-example
  • Configurer le Projet pour Vercel

Installer le CLI Vercel

npm i -g vercel
vercel login
vercel link

Créer un fichier vercel.json

{
  "version": 2,
  "functions": {
    "api/index.php": {
      "runtime": "vercel-php@0.6.0"
    }
  },
  "routes": [
    { "src": "/(.*)", "dest": "/api/index.php" }
  ],
  "env": {
    "APP_ENV": "production",
    "APP_DEBUG": "true",
    "APP_URL": "YOUR_APP_URL"
  }
}

Après ceci, lorsque vous allez se rendre sur la page dashboard, la page d'accueil va s'afficher mais il vous faudra faire une configuration parmis les deux proposé sous déssous :

Méthode 1 : Configurer les Proxies de Confiance 

// Dans AppServiceProvider.php
use Illuminate\Support\Facades\URL;

public function boot()
{
    URL::forceScheme('https');
}

Méthode 2 : Ajouter ceci dans le layout au niveau du head de la page html : 

    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

Ignorer le Répertoire vendor

Créer un fichier .vercelignore et ajouter :

/vendor

Déploiyer sur Vercel

vercel --prod

Conclusion :

En suivant ces étapes et astuces, vous pouvez déployer efficacement votre projet Laravel sur Vercel tout en gérant correctement vos fichiers JavaScript et CSS. Cela garantit une application performante et bien structurée.

Abonnez-vous pour avoir plus d'actualité :
Yt Developpeurtaf

Ma dernière vidéo :


This content originally appeared on DEV Community and was authored by Fabrice


Print Share Comment Cite Upload Translate Updates
APA

Fabrice | Sciencx (2024-09-09T12:35:52+00:00) Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS. Retrieved from https://www.scien.cx/2024/09/09/deploiement-dun-projet-laravel-sur-vercel-et-astuces-pour-gerer-les-fichiers-js-et-css/

MLA
" » Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS." Fabrice | Sciencx - Monday September 9, 2024, https://www.scien.cx/2024/09/09/deploiement-dun-projet-laravel-sur-vercel-et-astuces-pour-gerer-les-fichiers-js-et-css/
HARVARD
Fabrice | Sciencx Monday September 9, 2024 » Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS., viewed ,<https://www.scien.cx/2024/09/09/deploiement-dun-projet-laravel-sur-vercel-et-astuces-pour-gerer-les-fichiers-js-et-css/>
VANCOUVER
Fabrice | Sciencx - » Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/09/09/deploiement-dun-projet-laravel-sur-vercel-et-astuces-pour-gerer-les-fichiers-js-et-css/
CHICAGO
" » Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS." Fabrice | Sciencx - Accessed . https://www.scien.cx/2024/09/09/deploiement-dun-projet-laravel-sur-vercel-et-astuces-pour-gerer-les-fichiers-js-et-css/
IEEE
" » Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS." Fabrice | Sciencx [Online]. Available: https://www.scien.cx/2024/09/09/deploiement-dun-projet-laravel-sur-vercel-et-astuces-pour-gerer-les-fichiers-js-et-css/. [Accessed: ]
rf:citation
» Déploiement d’un Projet Laravel sur Vercel et Astuces pour Gérer les Fichiers JS et CSS | Fabrice | Sciencx | https://www.scien.cx/2024/09/09/deploiement-dun-projet-laravel-sur-vercel-et-astuces-pour-gerer-les-fichiers-js-et-css/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts