Git Product home page Git Product logo

focusreactive / mvp-directus-nextjs14 Goto Github PK

View Code? Open in Web Editor NEW
17.0 1.0 0.0 148 KB

๐Ÿ‡ The MVP Directus + NextJS14 POC. It aims to test the functionality of Directus flows ๐Ÿ›ค and showcases the integration of NextJS with a powerful Headless CMS. With a focus on product management and categorization, this project allows users to add and submit new products through a submission flow.

Home Page: https://mvp-directus-next-js-14.vercel.app

JavaScript 4.34% CSS 1.54% TypeScript 94.11%
directus-cms graphql nextjs14

mvp-directus-nextjs14's Introduction

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.