Skip to content

The Complete Nuxt Starter package offers a sample project that demonstrates how simple it is to create compelling web pages in Prepr, including personalization and A/B testing capabilities.

Notifications You must be signed in to change notification settings

preprio/nuxt-complete-starter

Repository files navigation

Nuxt Complete Starter

Look at the Complete guide to Nuxt and Prepr to learn more.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Add the environment file

Copy the .env.example file in this directory to .env (which will be ignored by Git) by running the following command:

cp .env.example .env

Update the environment file

In the .env file, replace <YOUR_PREPR_GRAPHQL_URL> with the API URL of the Prepr GraphQL Preview access token from your Acme Lease Demo environment.

preview API URL

Add the Prepr tracking pixel

Go to the plugins/tracking.client.js file and replace the commented out code with your own tracking code in Prepr.

event tracking page

Don't forget to remove the HTML tags <!-- Prepr Tracking Code -->, <script> and </script> tags from the embedded code.

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.

About

The Complete Nuxt Starter package offers a sample project that demonstrates how simple it is to create compelling web pages in Prepr, including personalization and A/B testing capabilities.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 6