MVP Directus + NextJS14

The project is a Proof of Concept (POC) based on NextJS 14 as the front-end application and Directus as a Headless Content Management System (CMS).

Getting Started

To get started with the project, please follow the steps outlined below:

1. Clone the repository to your local machine.
2. Install the dependencies by yarn.
3. Launch the development server by executing the following command in your terminal:

yarn dev

GraphQL Playground

As part of our offering, we provide a self-hosted GraphQL playground that allows you to inspect the GraphQL API and write queries. You can access the playground by clicking here.

Content Model

The project consists of two types of collections, which are as follows:

1. Products: This collection is utilized to store all the relevant information about the products.
2. Categories: This dynamic collection is employed to categorize the products. Each product should be associated with a specific category.

Flows

The primary objective of this project is to test the functionality of Directus flows. To initiate the process, please start from the "Submit" page. On this page, you will find a form that allows you to add a new product. Once you have filled out the form, submitting it will trigger the submission flow, which will handle the request from your browser.

For more in-depth information, please refer to the project repository.

Credits

Licensed under the MIT License.

This project was created at FocusReactive - the expert consultancy for the modern web. We specialize in helping clients beat the competition and accelerate business growth. With a deep expertise in headless CMS, NextJS, and eCommerce, we deliver cutting-edge solutions that prioritize your business goals.

Our Expertise

• Content-Centric Websites: We have a deep experience building extendable, SEO optimized content and marketing websites with advanced CMS integrations and analytics.
• Headless eCommerce: Our next-generation, content-rich, and performant online eCommerce websites come with end-to-end integrations to power your digital business.
• Headless CMS Consulting: We offer multi-channel CMS development, modeling, customization, and support to help you manage your content seamlessly across various platforms.
• Web Performance: Our experts can audit, transform the architecture, and optimize your website to meet the 100 SCORE Core Web Vitals for exceptional web performance.

If you're looking for expertise in headless CMS, NextJS, or eCommerce, get in touch with FocusReactive today. Visit our website at focusreactive.com to learn more about how we can help you accelerate your business growth.

---

This project is licensed under the MIT License. © 2023 FocusReactive.