https://github.com/strapi/strapi-starter-nuxt-blog

Strapi Starter Nuxt Blog
https://github.com/strapi/strapi-starter-nuxt-blog

Last synced: about 2 months ago
JSON representation

Strapi Starter Nuxt Blog

• Host: GitHub
• URL: https://github.com/strapi/strapi-starter-nuxt-blog
• Owner: strapi
• License: mit
• Archived: true
• Created: 2020-02-13T17:20:48.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-28T16:05:21.000Z (over 2 years ago)
• Last Synced: 2024-07-04T02:14:10.403Z (2 months ago)
• Language: Vue
• Homepage: https://strapi.io/blog/build-a-blog-using-nuxt-strapi-and-apollo
• Size: 15.1 MB
• Stars: 181
• Watchers: 21
• Forks: 64
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome-strapi - Nuxt Blog - Blog example using Nuxt and GraphQL. (Strapi v3 / Starters & Examples - v3)

README

        
**:no_entry: Deprecated**

This repository is no longer maintained and only works for Strapi v3. To find the newest Strapi v4 starters, check out the [starters-and-templates monorepo](https://github.com/strapi/starters-and-templates/).

---

# Strapi Starter Nuxt Blog

Nuxt starter for creating a blog with Strapi.

![screenshot image](/screenshot.png)

This starter allows you to try Strapi with Nuxt with the example of a simple blog. It is fully customizable and due to the fact that it is open source, fully open to contributions. So do not hesitate to add new features and report bugs!

This starter uses the [Strapi blog template](https://github.com/strapi/strapi-template-blog)

Check out all of our starters [here](https://strapi.io/starters)

## Features

- 2 Content types: Article, Category

- 2 Created articles

- 3 Created categories

- Permissions set to `true` for article and category

- Responsive design using UIkit

Pages:

- "/" display every articles

- "/article/:id" display one article

- "/category/:id" display articles depending on the category

## Getting started

Use our `create-strapi-starter` CLI to create your project.

```sh

npx create-strapi-starter@3 my-site nuxt-blog

```

The CLI will create a monorepo, install dependencies, and run your project automatically.

The Nuxt frontend server will run here => [http://localhost:3000](http://localhost:3000)

The Strapi backend server will run here => [http://localhost:1337](http://localhost:1337)

## Deploying to production

You will need to deploy the `frontend` and `backend` projects separately. Here are the docs to deploy each one:

- [Deploy Strapi](https://strapi.io/documentation/developer-docs/latest/setup-deployment-guides/deployment.html#hosting-provider-guides)

- [Deploy Nuxt](https://nuxtjs.org/docs/2.x/deployment/deploying-to-21yunbox)

Don't forget to setup the environment variables on your production app:

For the frontend the following environment variable is required: 

- `API_URL`: URL of your Strapi backend, without trailing slash

Enjoy this starter!