2025-03-02 10:44:11 -06:00
|
|
|
---
|
|
|
|
|
title: "Tech-stack"
|
|
|
|
|
folder: "Advanced"
|
2025-03-02 17:22:46 -06:00
|
|
|
icon: "layer-group"
|
2025-03-02 10:44:11 -06:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
The tech stack of MHSF is relatively modern to ensure MHSF keeps up with standards set for accessibility and usability.
|
|
|
|
|
|
|
|
|
|
## Front-end
|
2025-03-02 17:22:46 -06:00
|
|
|
|
2025-03-02 10:44:11 -06:00
|
|
|
- **React** is used as a way to replicate components already used, and use the eco-system of pre-existing components
|
|
|
|
|
- **shadcn/ui** is the UI framework used to keep the whole website consistent.
|
|
|
|
|
- **Contentlayer** manages all the pages used for documentation
|
|
|
|
|
- **TailwindCSS** makes MHSF use (mostly) no CSS for better efficency
|
|
|
|
|
- **Sonner** provides the Toast used for MHSF
|
|
|
|
|
|
|
|
|
|
## Back-end
|
2025-03-02 17:22:46 -06:00
|
|
|
|
2025-03-02 10:44:11 -06:00
|
|
|
- **Inngest** runs periodic tasks
|
|
|
|
|
- **MongoDB** is the database of choice for MHSF
|
|
|
|
|
|
|
|
|
|
## Both
|
2025-03-02 17:22:46 -06:00
|
|
|
|
2025-03-02 10:44:11 -06:00
|
|
|
- **Clerk** is used for authentication of users
|
|
|
|
|
- **Next.js** is used to make sure API endpoints and front-end endpoints are on the same domain, along with lots of convient features
|
|
|
|
|
- **Vercel** is hosting MHSF (along with non-tracking analytics)
|
