Everything Is A Cms
Use multiple non-traditional back-ends for Next.js project. Built to support talk at Next.js Conf 2020.
Overview:
This project supports the demo from the "Everything is a CMS!" talk at Next.js Conf 2020. It aims to showcase the ability to easily swap data sources in and out by using abstracted and normalized engines. There are two types of engines demonstrated: API-Based and File-Based. The project supports various data sources including Bear, Contentful, Dropbox, Fauna, Google Sheets, and Trello.
Features:
- API-Based Engine: This engine is an Apollo GraphQL server. It includes drivers for each supported data source and can be started to see it in action on the front-end.
- File-Based Engine: This engine has a reader and a writer. The reader reads local markdown files for front-end templates, while the writer pulls data from the data sources and writes them to markdown files in the
_datadirectory.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Contentful
Contentful is a headless content management system (CMS) that provides a flexible and scalable platform for creating, managing, and delivering digital content across multiple channels and devices.
- Apollo
Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
