Next Modular Contentful

Source

This is a bit older creation, but writing a short report of it to this blog. Having worked a lot around Next.js and Contentful I've created this system in which is possible to modularly create websites, a bit similar to how other classical CMS systems work.

The modular system showcases building a language localized website and some simple modules for layout etc.

A big thanks to Smart Data Force for letting me release this as a study and as open source.

Source & Demo

Sources

• App: github.com/jakke-korpelainen/next-modular-contentful

• Data: github.com/jakke-korpelainen/next-modular-contentful-data

Demo: next-modular-contentful.jakke.fi

Study

Modularity

All of the default modules are modular, customizable, and can be used or extended however you like. You can easily implement new typed modules following the existing implementations of modules in the dynamic module system. I'll try to document this a more throughly in future, for now you're on your own with exploring my "self-documenting code".

src\app\components\DynamicContent\index.tsx