Overview:

The MVP Directus + NextJS project is a Proof of Concept (POC) that combines NextJS 14 as the front-end application and Directus as a Headless Content Management System (CMS). This project aims to test the functionality of Directus flows and demonstrates the integration of a self-hosted GraphQL playground. The project consists of two types of collections, “Products” and “Categories,” which are utilized to store and categorize product information. The development server can be launched by following the provided steps.

Features:

• NextJS 14 as the front-end application.
• Directus as a Headless Content Management System (CMS).
• Self-hosted GraphQL playground for inspecting the GraphQL API and writing queries.
• Two types of collections, “Products” and “Categories,” for storing and categorizing product information.
• Directus flows functionality for handling form submissions.

Installation:

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

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

yarn start

Summary:

The MVP Directus + NextJS project is a Proof of Concept that combines NextJS 14 and Directus to create a Headless Content Management System. The project features NextJS as the front-end application, Directus for content management, and a self-hosted GraphQL playground for API inspection and query writing. It uses two collections, “Products” and “Categories,” to store and categorize product information. The project also demonstrates the use of Directus flows for handling form submissions. By following the provided installation guide, users can easily set up and launch the development server for testing and further development.