Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abiruzzamanmolla/strapi-starter-gridsome-blog
https://github.com/abiruzzamanmolla/strapi-starter-gridsome-blog
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/abiruzzamanmolla/strapi-starter-gridsome-blog
- Owner: AbiruzzamanMolla
- License: mit
- Created: 2021-02-08T06:27:23.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-02-08T06:27:39.000Z (almost 4 years ago)
- Last Synced: 2024-05-21T00:26:55.153Z (7 months ago)
- Language: Vue
- Size: 10.6 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
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!
## Features
- 2 Content types: Article, Category
- 2 Created articles
- 3 Created categories
- Responsive design using UIkitPages:
- "/" to display every articles
- "/article/:id" to display one article
- "/category/:id" display articles depending on the category## Getting started
The easiest way to try this starter is to run it locally on your computer.
First, you'll need to create your own copy of this starter. You can do so by clicking [the "Use this template" button](https://github.com/strapi/strapi-starter-gridsome-blog/generate) on GitHub, and filling the [form](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/creating-a-repository-from-a-template).
### Backend
Create a Strapi project named `backend` using the [blog template](https://github.com/strapi/strapi-template-blog):
```
# Using Yarn
yarn create strapi-app backend --template https://github.com/strapi/strapi-template-blog# Or using NPM
npx create-strapi-app backend --template https://github.com/strapi/strapi-template-blog
```The Strapi server will automatically start and import sample seed data.
### Frontend
Leave the Strapi backend running in the background. Open another terminal tab, and make sure you're in the `frontend` directory:
```bash
cd frontend
```Install dependencies and start the Gridsome server:
```bash
# Using yarn
yarn install
yarn develop# Using npm
npm install
npm run develop
```If you want to change the default environment variables, create a `.env` file like this:
```
cp .env.example .env
```The Gridsome server is running here => [http://localhost:8080](http://localhost:8080)
Enjoy this starter!