ch(deployment):add deployment git action

.github/workflows/preview.yaml

@@ -0,0 +1,24 @@
+name: Vercel Preview Deployment
+
+on:
+  push:
+    branches-ignore:
+      - main
+
+jobs:
+  Deploy-Preview:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Install Vercel CLI
+        run: npm install --global vercel
+
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Deploy Project Artifacts
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

.github/workflows/production.yaml

@@ -0,0 +1,24 @@
+name: Vercel Production Deployment
+
+on:
+  push:
+    branches:
+      - main 
+
+jobs:
+  Deploy-Production:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Install Vercel CLI
+        run: npm install --global vercel
+
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Build Project Artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Deploy Project Artifacts
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

README.md

@@ -2,6 +2,9 @@
 [![Test Coverage](https://api.codeclimate.com/v1/badges/b587cbf0ba4c569d8f4f/test_coverage)](https://codeclimate.com/github/atlp-rwanda/champs-ec-fe/test_coverage)
 [![Coverage Status](https://coveralls.io/repos/github/atlp-rwanda/champs-ec-fe/badge.svg?branch=development)](https://coveralls.io/github/atlp-rwanda/champs-ec-fe?branch=development)
 [![CircleCI](https://dl.circleci.com/status-badge/img/gh/atlp-rwanda/champs-ec-fe/tree/ft-tests-setup.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/gh/atlp-rwanda/champs-ec-fe/tree/ft-tests-setup)
+
+[![Vercel Preview Deployment](https://github.com/atlp-rwanda/champs-ec-fe/actions/workflows/preview.yaml/badge.svg)](https://github.com/atlp-rwanda/champs-ec-fe/actions/workflows/preview.yaml)
+
 <img alt="Next JS" src="./public/andela.webp"/>
 
 # champs-ec-fe