Implement next.js (Alongside existing frontend)

[athrael-soju]

Summary

Introduction of a completely functional Next.js Template (alongside the existing frontend) including:

• Next.js v15.2.4
• React v19
• Tailwind CSS v3.4.17 (Replaces Chakra)

And as highly requested:

• ShadCN Components
• lucide-react
• framer-motion

TODO:

• Tidy up the Code & Refactor large components
• Generate Client
• Labels (Needs label added: Feature)
• Lint Backend
• Playwright Tests
• Test Backend
• Test Docker Compose
• Update Documentation

HOW TO:

• For now, you can follow the same exact process for frontent-next.js as you did with frontent to generate the client scripts, set environment variables and so on.
• If this is not shot down on the spot as clutter, then I will complete the TODO section to finalize.

Related Issue: Issue: #1394

Enjoy and if you want to help finalize the deployment/documentation I'd greatly appreciate it!

[alejsdev]

Hello @athrael-soju, thanks for taking the time to contribute.

For now, we don't intend to migrate to Next.js. For future contributions, it might be helpful to start by opening a discussion with your ideas, just to make sure they're aligned with the project's direction before you invest too much time working on them.

We appreciate the effort, but we'll be passing on it for now. Thanks again! 🙏

[nemanjam]

@athrael-soju this looks beautiful. Is this available in some repo and branch on your profile?

[athrael-soju]

@athrael-soju this looks beautiful. Is this available in some repo and branch on your profile?

Thanks. I have something similar I still support, but it includes a visual model for knoweledge retrieval: https://github.com/athrael-soju/fastapi-nextjs-colpali-template

If you're looking for something with just next.js and fast API, your best bet is likely: https://github.com/vintasoftware/nextjs-fastapi-template