Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/malgamves/strapi-dynamic-zones-company-site
A Demo Application with a Strapi Dynamic Zone rendered with Nuxt.js
https://github.com/malgamves/strapi-dynamic-zones-company-site
headless-cms nuxt nuxt-template starter-template strapi
Last synced: about 1 month ago
JSON representation
A Demo Application with a Strapi Dynamic Zone rendered with Nuxt.js
- Host: GitHub
- URL: https://github.com/malgamves/strapi-dynamic-zones-company-site
- Owner: malgamves
- Created: 2020-08-04T09:08:29.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-09-21T17:56:33.000Z (over 1 year ago)
- Last Synced: 2023-09-21T20:34:34.302Z (over 1 year ago)
- Topics: headless-cms, nuxt, nuxt-template, starter-template, strapi
- Language: Vue
- Homepage: https://dynamic-zones.netlify.app/
- Size: 8.91 MB
- Stars: 15
- Watchers: 4
- Forks: 7
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Company Site using [Dynamic Zones](https://strapi.io/blog/release-beta-18-dynamic-zones) built with Strapi
This application helps you get started building a company website with modular content thanks to Dynamic Zones.
That means you can make changes and add components in your Strapi backend without having to change your frontend code.
It is built with Nuxt and Strapi. Feel free to fork, edit and customise it for your own use.
## Features
- Minimal design
- Dynamic Zones for modular content
- GraphQL first approach
## Content Model
- `Title` : Text
- `Description` : Text
- `Published` : Date
- `pageZone` : Dynamic Zone
- `Quote` : Component
- `quote` : Text
- `quoter` : Text
- `Image` : Component
- `caption` : Text
- `image` : Media
- `RichText` : Component
- `richText` : richText
## In the works
- Fixing Navbar on smaller screens
## Pages
- A home page :`/`
- An about us page :`/about`
- A team page :`/team`
- A testimonials page :`/testimonials`
## Getting Started
To get started clone the repo
```bash
git clone https://github.com/malgamves/strapi-dynamic-zones-company-site.git
cd strapi-dynamic-zones-company-site
```
The project has two folders `frontend` for your Nuxt frontend and `backend` for your Strapi backend.
### Frontend
The frontend is built with Nuxt. This sets up your frontend.
```bash
cd frontend
yarn install
```
Then run `yarn dev` 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
You can deploy your frontend by following the Nuxt [deployment guide](https://nuxtjs.org/guide/commands/#production-deployment).
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.