Techstack
Front End & Back End
NEXT JS
Style
Here I use the CSS framework, namely Tailwind CSS , with the help of Flowbite to make styling changes to the UI appearance. I also used shadcn/ui and Magic UI to help in creating this website.
Database
Here I use Supabase to fulfill the database needs of this website. I also use Cloudinary as storage for the assets I need on this website.
Package or dependency
npm install next-cloudinary
npm install @radix-ui/react-alert-dialog
npm install @radix-ui/react-dialog
npm install @radix-ui/react-icons
npm install @radix-ui/react-label
npm install @radix-ui/react-separator
npm install @radix-ui/react-slot
npm install @radix-ui/react-toast
npm install @supabase/supabase-js
npm install clsx
npm install framer-motion
npm install geist
npm install next-auth
npm install react-audio-player
npm install react-icons
npm install sonner
npm install tailwind-merge
npm install tailwindcss-animate
npm install --save-dev autoprefixer
npm install --save-dev eslint
npm install --save-dev eslint-config-next
npm install --save-dev postcss
npm install --save-dev tailwindcss
Help
Here I also occasionally use Chat GPT and YouTube to get help and references when errors occur.