Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/travis-r6s/gridsome-strapi-demo

Last synced: 16 days ago
JSON representation

Host: GitHub
URL: https://github.com/travis-r6s/gridsome-strapi-demo
Owner: travis-r6s
License: mit
Created: 2021-09-03T12:11:22.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2021-09-03T12:12:32.000Z (over 3 years ago)
Last Synced: 2023-12-27T13:38:52.691Z (about 1 year ago)
Language: Vue
Size: 5.41 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.txt

Awesome Lists containing this project

README

# Strapi Starter Gridsome Blog

> Demo repo, forked from https://github.com/strapi/strapi-starter-gridsome-blog

Gridsome starter for creating a great blog with Strapi.

![screenshot image](/screenshot.png)

This starter allows you to try Strapi with Gridsome 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
- Responsive design using UIkit

Pages:

- "/" to display every articles
- "/article/:id" to display one article
- "/category/:id" display articles depending on the category

## Getting started

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

```sh
# Using Yarn
yarn create strapi-starter my-project gridsome-blog

# Or using NPM
npx create-strapi-starter my-project gridsome-blog
```

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

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

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 Gridsome](https://gridsome.org/docs/deployment/)

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

For the frontend the following environment variable is required:
- `GRIDSOME_STRAPI_URL`: URL of your Strapi backend, without trailing slash

Enjoy this starter!