title: Next.js Tailwind SandBox last update: '2024-Feb-09'

Next.js Tailwind SandBox

Preferred classes for different pages

bg-white rounded-lg mx-4 p-4

Versions:

• "next": "13.5.6",
• "react": "18.2.0",
• "tailwindcss": "^3.3.2"

Episodes:

• 01: basic admin panel structure + sidebar menu
• 02: Custom SelectBox + User area + Language area
• 03: Custom Sidebar like TailwindCSS Document sample
• 04: Horizontal Scroller + Instagram Stories + YouTube Categories
• 05: Tabs Component
• 06: Slider component with real api and products images
• 07: Middleware 🚀
• 08: Instagram Navigation Buttons
• 09: Multi-step Form With React js, Next js and Tailwind CSS
• 10: Modal
  • [x] C01SimpleHelloWorldModal
  • [x] C02ShowImageModal
  • [x] C03VideoPlayerModal
  • [x] C04ShowChartModal
  • [x] C05MoneyTrackingModal
  • [x] C06ConfirmationModal
  • [x] C07InputFormModal
  • [x] C08TimerCountdownModal
• 11: React Hook Form in React JS and/or Next JS
• 12: Yup + React Hook Form in React JS and/or Next JS
• 13: Tailwind CSS Dark mode + Dark & Light Theme Switcher
• 14: Custom Right Click Menu (Context Menu) With React js, Next js and Tailwind CSS