Next.js + Tailwind CSS Example

Netflix Header clone 🚀

Live demo here : Netflix Header clone

Used Technologies

• ✅ REACT JS NextJS for front-end
• ✅ TailwindCSS for styling
• ✅ NextAuth ( authentication 🔑 )
• ✅ Heroku Hosting to deploy 🚀

👇 What we did ? 👇

• ⌨️ Set up React app using the npx create-next-app -e with-tailwindcss app-name command
• 🔄 add @tailwindcss/jit compiler
• 🧭 Build the header with image in background
• 🏗 Build the authentication part with google provider 🔑
• 🚀 Deploy application on Heroku

Some screenshots