MyDevPage Blog

The Latest in Web Development, NextJS, React, Javascript, Tips, and Portfolio Success.

TailwindCSS Articles

Create responsive designs efficiently with Tailwind CSS, using utility-first principles and component patterns for modern web interfaces.

5 articles found

nextjs-movie-streaming-site-tutorial-cover

Building a Movie Streaming Site with Next.js, TMDb API, and VidSrc

Learn how to build a fully functional movie streaming website from scratch using Next.js, TMDb API for movie data, and VidSrc for streaming. This step-by-step tutorial covers everything from project setup and API integration to creating dynamic pages for browsing popular movies, viewing details, and streaming content. Perfect for beginners with basic React knowledge looking to create their own streaming platform.

Firebase Realtime Database + NextJS 15 + Tailwind CSS

How to Setup Firebase Realtime Database with Next.js 15: A Complete Guide

Learn how to create a Firebase Realtime Database poll/vote app using Next.js 15. I'll walk you through this step by step guide including Firebase setup with screenshots to follow along. In less than 30 minutes we'll add learn how to create realtime updates with your Next.js applications. Firebase Realtime Database is perfect for building interactive features apps like chat, dashboards, and more.

Firebase Auth + Next + Tailwind

How to Setup Firebase Auth with Next.js 14: A Complete Guide

Learn to integrate Firebase Auth with Next.js 14 for use authentication. This guide offers practical examples of Firebase Authentication backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. Combining it with the power of Next.js, you can easily manage user authentication with very little setup.

firebase-firestore-nextjs-tailwind

How to Setup Firebase Firestore with Next.js 14: A Complete Guide

Step-by-step tutorial to set up & integrate Firebase Firestore database with Next.js 14 (App Router). Learn secure config, CRUD operations & Client Components.

Shadcn-UI-Cover-1

How to use Shadcn UI with NextJS and Tailwind CSS

Shadcn UI is a library that you can use to create dynamic components. In this tutorial we’ll learn how to quickly setup Shadcn for any Next.js 14 project with Tailwind CSS. At the end you’ll learn how to build UI components like the login component below.