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

https://github.com/malgamves/11ty-x-strapi

An 11ty Blog powered by Strapi
https://github.com/malgamves/11ty-x-strapi

11ty 11ty-template starter-template strapi

Last synced: about 1 year ago
JSON representation

An 11ty Blog powered by Strapi

Awesome Lists containing this project

README

          

# Strapi x 11ty - A simple Blog site using [11ty](https://www.11ty.dev/), built with Strapi

This application helps you get started building a blog website with a few other pages. Feel free to fork, edit and customise it for your own use.

![Screenshot](https://github.com/malgamves/11ty-x-strapi/blob/master/screenshot.png)

## Features
- Minimal design
- Page Slugs
- GraphQL first approach

## Content Model
- `title` : Text
- `content` : Rich Text
- `published_at` : Date
- `author` : Text
- `slug` : Text

## In the works
- Testing Pagination

## Pages
- A home page :`/`
- An about me page :`/about`
- A blog page :`/blog`
- A blog post page `:/blog/:Slug`

## Getting Started

To get started clone the repo
```bash
git clone https://github.com/malgamves/11ty-x-strapi.git
cd 11ty-x-strapi
```

The project has two folders `frontend` for your 11ty frontend and `backend` for your Strapi backend.

### Frontend
The frontend is built with 11ty. This sets up your frontend.
```bash
cd frontend

yarn install
```

Then run `yarn serve` to start your frontend server.

### Backend
The backend is built with Strapi. This sets up your backend.
```bash
cd backend

yarn install
```

Then run `yarn develop` to start your backend server.

## Deployment

### 11ty

Run `eleventy` as your build command and serve the `_site` directory. This is possible in Static Hosting providers like [Netlify](https://www.netlify.com/) and [Vercel](https://vercel.com/)

For your backend, Strapi has numerous options in it's [deployment guide](https://strapi.io/documentation/3.0.0-beta.x/getting-started/deployment.html).

## Contributing

Feel free to send over a PR for any changes you think should be included.