Deploying to Vercel

Step 1: Login into your Vercel account

Vercel Login page

Vercel website login

Step 2: Add new project

Click on Add New and select project.

creating a new vercel project

Step 3: Import repository

If you have configure Vercel on GitHub than Import your git repository or else, import via third party repository.

importing repository via GitHub or third-party

Step 4: Deploy

Click Deploy and your good to go!! Wait for Vercel to deploy your app, the build process might take some time. But you have to only do this once. When you push new commits from git, Vercel will trigger a CI/CD pipeline and deploy your commits for you.

Save the production domain as we will need it for plausible later.

Copy the production domain

How-to Integrate Plausible Analytics With Next.js and Vercel?

Adding basic analytics to your website or your application is a critical way to gauge the performance and even detect some usability issues through the lifespan of your app.

In this tutorial, we will learn how to create a basic Nextjs application integrated with Plausible and deploy it on Vercel. Here is a quick preview of what we will be building.

Prerequisites:

Similar Reads

Why Plausible?

Plausible is an open-source, privacy-focused alternative to Google Analytics. If you want to use it for a business application where you need to keep track of what buttons users click and what they do, Plausible may not be for you....

Approach to integrating Plausible with Next.js

Creating a basic Nextjs application using Create Next App npm package by Vercel. Then we will be adding different pages to our application which we will be tracking using plausible.Deploying our application to Vercel by importing it from GitHub.Creating a free plausible account for learning purpose and configuring it to track our deployed app, using the production domain Vercel provides.Using a package to integrate plausible into our Nextjs application and redeploying it to Vercel....

Steps to Setup a NextJS App

Step 1: Create a new next app...

Deploying to Vercel

Step 1: Login into your Vercel account...

Steps to Setup a Plausible

Register and Setup domain...