Skip to content

The Vue Quick Start package covers the basics of connecting Prepr CMS with Vue. With the provided steps, you can make a basic blog in less than 10 minutes.

preprio/vue-quick-start

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Quick Start

The Vue quick start project launches a blog app with content from Prepr.

Check out the Stackblitz demo for zero installation.

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-ACCESS-TOKEN> with the Prepr access token from your environment with demo content.

Development Server

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

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.

The end result

blog site end result

About

The Vue Quick Start package covers the basics of connecting Prepr CMS with Vue. With the provided steps, you can make a basic blog in less than 10 minutes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published