Dynamic Zones built with Strapi
Company Site usingThis 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
: TextDescription
: TextPublished
: DatepageZone
: Dynamic ZoneQuote
: Componentquote
: Textquoter
: Text
Image
: Componentcaption
: Textimage
: Media
RichText
: ComponentrichText
: 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
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.
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.
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.
For your backend, Strapi has numerous options in it's deployment guide.
Contributing
Feel free to send over a PR for any changes you think should be included.