Héberger une application Laravel sur Vercel

Etant que développeur ou étudiant il est crucial d'avoir une solution  solution fiable, performante et gratuite pour tester le fonctionnement des applications en ligne pour se faire dans cet article nous allons voir comment héberger une application laravel sur Vercel.

C'est quoi Vercel ?

Vercel est une plate-forme cloud sans serveur qui permet aux développeurs d’héberger des sites web et des services web avec une configuration minimale qui ne nécessite aucune surveillance et qui se développe automatiquement. 

Comment héberger votre application ?

Pour procéder à l'hébergement nous allons passer par différentes étapes 

Etape 1

Dans l'arborescence principale de votre application créez un fichier api dans lequel vous allez mette un fichier index.php puis rajoutez le code suivant 

<?php  
require __DIR__ . "/../public/index.php";

Il s'agit d'un point d'entrée qui transmettra le contrôle au fichier  public/index.php qui est normalement appelé lorsque nous visitons notre application Laravel.

Etape 2

Créez un fichier nommé .vercelignore et dans ce fichier rajoutez la ligne suivante.

/vendor

Le fichier .vercelignore est utilisé dans les projets déployés sur Vercel pour indiquer quels fichiers ou répertoires ne doivent pas être inclus dans le déploiement. C'est un équivalent du fichier .gitignore, mais spécifique à Vercel. 

Etape 3

Créez un fichier nommé vercel.json dans lequl vous devez rajouter le code suivant.

{
    "version": 2,
    "framework": null,
    "functions": {
        "api/index.php": {
            "runtime": "vercel-php@0.7.2"
        }
    },
    "routes": [
        {
            "src": "/(.*)",
            "dest": "/api/index.php"
        }
    ],
    "env": {
        "APP_ENV": "production",
        "APP_DEBUG": "true",
        "APP_URL": "https://yourprojectdomain.com",
        "APP_CONFIG_CACHE": "/tmp/config.php",
        "APP_EVENTS_CACHE": "/tmp/events.php",
        "APP_PACKAGES_CACHE": "/tmp/packages.php",
        "APP_ROUTES_CACHE": "/tmp/routes.php",
        "APP_SERVICES_CACHE": "/tmp/services.php",
        "VIEW_COMPILED_PATH": "/tmp",
        "CACHE_DRIVER": "array",
        "LOG_CHANNEL": "stderr",
        "SESSION_DRIVER": "cookie"
    }
}

Etape 4

Créez un dossier vide nommé dist. 

Ce fichier est sensé être vide mais le problème quand vous mettrez l'application sur Github est que Git ignore automatiquement les dossiers vides, car il ne peut pas versionner un dossier sans fichier. Cependant, vous pouvez contourner ce problème en ajoutant un fichier de type placeholder dans le dossier vide. 

Etape 5

Ajoutez un fichier nommé .gitkeep (ou tout autre nom, comme README.md) dans le dossier dist. Ce fichier n'a pas besoin de contenu, mais il permet à Git de reconnaître le dossier. 

Le fichier .gitkeep n'a aucune signification spéciale pour Git, mais il est souvent utilisé comme convention pour indiquer qu'un dossier est intentionnellement vide mais doit être versionné. 

Etape 6

Après avoir configuré l'application il est temps de le mettre en ligne sur Github. Pour ça je vous fais confiance 😊!
Sinon vous pouvez toujours visiter cet article qui parle de comment mettre votre code sur github 😌
https://www.archi-tech.academy/posts/mettre-votre-code-sur-github-guide-etape-par-etape-pour-votre-premier-commit

Etape 7

Rendez-vous sur le site de l'hébergeur https://vercel.com/ pour créer votre compte.
Ensuite dans l'interface des projects cliquer sur Ajouter un nouveau projet ou Add new project pour ajouter un nouveau projet.

Dans la page suivante vous serez amener à importer votre projet depuis github.

Importez votre projet sur vercel et puis effectuez quelques petites configurations.