What is this?

This is a Next.js 14 website that uses App dir and regenerates on-demand. Content is managed by a built in CMS.

Stack and tools:

• Next.js 14 with App directory and server functions.
• clerk manages authentication.
• tiptap for a rich text editor.
• Cloudinary hosts images.
• MongoDB is the database.
• Zod for form validation.

Workflow

Website's author logs in -> chooses a section to edit -> performs CRUD operations inherent to the section. On form submission, a server action is triggered and performs these actions:

• input validation
• If there's an image, upload it to Cloudinary, get hosted image url.
• Save image url and text content to MongoDB.
• Return success/error message to the user.

Usage

1. Clone repo.
2. Create .env.local file, copy variables from .env.example.
3. run npm install for dependencies
4. npm run dev to run local dev server in http://localhost:3000/ with local data pulled from local.json.

Contribute

Please clone, fork, contribute in any way you deem interesting. I've listed some Issues, please feel free to tackle any of them or create new ones.