The Z-Chronicles

This is a blog/CMS app bootstrapped according to the init.tips stack, also known as the T3-Stack. This is free to use and be repurposed to fit your needs.

Features

• Admin panel to create blog posts, with custom WYSIWYG editor
• MongoDB Database for blog data
• NextAuth discord authentication
• Lightweight and fast CRUD operations in prod
• Dark/Light mode
• Mobile and desktop friendly
• Meets web accessibilty standards

Areas of Improvement

• Find a way to upload and manage blog images via a CDN
• Design could be better, UX could be better
• next/Image optimization
• On initial site load, MongoDB query speed is slow, this could be because it's on the free tier

Preview

Desktop:

Mobile:

How to run locally

• Clone repo and npm i
• Use npm run dev to start the dev environment

Notes

• To access the admin panel, go to the /admin page
• To set discord credentials, add your email address used with your discord account in the .env file
• Right now, blog images are stored in the /blog-imgs/ directory in the public folder. Just add the file name when putting images into your posts