Welcome to a Modular Next.js + Contentful boilerplate
Built using the new Next.js App Router. Styled with Tailwind, and written in glorious Typescript. In my opinion, this is so far the best combination to create anything remotely maintainable and keeps the chaos at bay. Eslint, prettier, husky, and lint-staged are included. All of these are configured to work with Tailwind, Typescript and Next.js.
What is This?
A quickstart to easily managed code and modular approach on a website
Welcome to next-modular-contentful
I'll improve the documentation in the future.
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".
I'd say this is the beef of the modular part, nothing that fancy but I find it quite neat.
src\app\components\DynamicContent\index.tsx
I built this project initially for a client in ~28 hours, and since it was so fast, easy, and had a nice modular approach I wanted to publish it as a boilerplate for anyone to use and study. With the clients permission this was possible, a big thanks to Smart Data Force.
If you enjoyed this project, saved some precious time or learned something new and want to thank me; I'll happily accept some 🍕 since I'm too lazy to attend to any developer meetups nowadays.