An open API service indexing awesome lists of open source software.

https://github.com/preprio/nuxt-quick-start

The Nuxt Quick Start package covers the basics of connecting Prepr CMS with Nuxt. With the provided steps, you can make a basic blog in less than 10 minutes.
https://github.com/preprio/nuxt-quick-start

nuxt nuxt3 nuxt3-starter

Last synced: about 2 months ago
JSON representation

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

Awesome Lists containing this project

README

        

# Nuxt Quick Start
The Nuxt quick start project launches a blog app with content from Prepr.

Look at the [Nuxt Quick start guide](https://docs.prepr.io/connecting-front-end-apps/nuxt-quick-start-guide) to learn more, or check out the [Stackblitz demo](https://stackblitz.com/edit/nuxt-quick-start) for zero installation.

## Setup

Make sure to install the dependencies:

```bash
# 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:
```bash
cp .env.example .env
```

## Update the environment file
In the .env file replace `` with the Prepr access token from your environment with demo content.

## Development Server

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

```bash
npm run dev
```

## Production

Build the application for production:

```bash
npm run build
```

Locally preview production build:

```bash
npm run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

## The end result

![Nuxt QSG end result](https://assets-site.prepr.io/2x5l444ndgzb//nuxt-blog-post-list.png)