Building the Opensource-Odyssey website
Follow along on how this website was created
Creating a modern website does not have to be hard. In this series we build the website you are currently on with a modern and most importantly self-sovereign tech-stack: PayloadCMS, NextJS, ReactJS, Typescript, MongoDB, ShadCN, TailwindCSS and more.
If you are new to web development there is tons to learn, if you are experienced there are some nifty tips and tricks for you, too.
Blocks are probably Payloads most powerful feature for the admin. Learn how to master them with this simple tutorial!
PayloadCMS version 3 is evolving fast. Learn how to stay up to date and take advantage of all the features!
Do you want to learn how this very teaser was created and is maintained? Then click on the link. Do it now.
Using simple command line tools (mongodump, mongorestore & rsync) we sync our remote mongodb to our development laptop.
In this video we fill our website with life for the first time. Adding new pages, contact form and posts!
WE ARE GOING LIVE IN THIS VIDEO. You know, like actually putting our website on the internet. This is hype!
Now that we have our foundation, let's see which steps take priority now and what else we have to accomplish.
Let's customize the out-of-the-box website template of PayloadCMS even more and make it really our own.
PayloadCMS comes with a great way to manage our collections with access control and defining the schema.
Adding a little something like custom fonts and custom colors can make a website really feel like a home.
PayloadCMS comes with a stellar website template, however there are some things we will not be using. Let's throw these out.
T3Env validates your environment variables with zod, which also gives you complete type saftey. See how to use it here!
Prettier is an essential building block for web developers. It formats our code to always look the same!
We start implementing our idea for the new Opensource-Odyssey website. And the framework of choice is PayloadCMS!