🎓 MstryMessage

A full-stack production-ready Next.js app featuring authentication, dashboard, messaging, file handling, and integrated AI capabilities.

🚀 Tech Stack

🚀 Next.js: React framework for server-side rendering and building web applications.

🍃 MongoDB: NoSQL database for data storage.

🔐 NextAuth: Authentication library for Next.js applications.

📏 Zod: TypeScript-first schema declaration and validation library.

🖼️ ImageKit: Media management and optimization solution.

📧 Resend: Email sending service.

🧠 OpenAI: AI integration for enhanced functionalities.

Available Scripts

In the project directory, you can run:

npm run serve

Runs the app in the development mode. Open http://localhost:4000 to view it in the browser.

next build

Builds the app for production to the .next folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

Live Site (Vercel)

Dependencies

React Icons - https://www.npmjs.com/package/react-icons

npm i react-icons

Zod - https://www.npmjs.com/package/zod

npm i zod

Mongoose - https://www.npmjs.com/package/mongoose

npm i mongoose

Resend - https://resend.com/onboarding, https://resend.com/docs/send-with-nextjs

npm i resend

React Email - https://react.email

npm i react–email

Axios - https://www.npmjs.com/package/axios

npm i axios

Shadcn UI - https://ui.shadcn.com/docs/installation/next

UseHooks - https://usehooks-ts.com/introduction

npm i usehooks-ts

Embla Carousel Autoplay - https://www.npmjs.com/package/embla-carousel-autoplay

npm i embla-carousel-autoplay