MyDevPage Blog
The Latest in Web Development, NextJS, React, Javascript, Tips, and Portfolio Success.
NextJS Articles
Develop high-performance websites with Next.js, leveraging server-side rendering, static generation, and the latest React features.
Related categories:
15 articles found
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.
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.
Data Fetching with React Query in NextJS: Beginners Guide
In this tutorial, we’ll integrate React Query in a Next.js project, learn how to create queries, use mutations, create custom hooks, and even explore folder structure and trade-offs compared to other methods.
Learn advanced routing in Next.js 14 with src/app directory
Learn how to master Next.js 14 routing with the new src/app directory. Discover key features, dynamic routing, and nested layouts with practical examples.
How to do Server-Side Rendering with Next.JS 14
Explore Next.js, a React framework featuring SSR, SSG, and API routes to enhance app performance and SEO.
NextJS 14 API Route Tutorial
In this article, we will learn all about NextJS API routes. The benefits of these serverless and optimized functions are endless. If you are a web developer, you need to read this.
The 10 Best CMS For NextJS: Comparison Guide
Looking for the best content management system (CMS) for your website built with Next.js? Our detailed comparison guide will help you understand the important features, advantages, and disadvantages of each option. Whether you're a developer looking for scalability and user-friendly tools, this guide will help you choose the right CMS for your project.
Angular vs NextJS: Which one to choose?
Angular vs. Next.js: Pick the best web development framework. Check out our in-depth analysis of unique features, pros, cons, and recommendations for high-performance and complex apps.
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.
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.
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.
Vite vs Nextjs: Which one is right for you?
Vite and Next.js are both top 5 modern development framework right now. They are both great depending on your use case so we’ll discuss 4 areas: Architecture, main features, developer experience and production readiness. After learning about these we’ll have a better idea of which one is best for your project.
How to use Next.Js 14 Server Actions
A Server Action in Next.js 14 is an asynchronous function that executes directly on the server whenever a form is submitted. This feature allows you to handle server-side logic seamlessly, improving performance and security. In this guide, we’ll explore how to effectively implement Server Actions in Next.js 14 to optimize your application's server-side operations.
How to use Next.Js 14 with Supabase
Next.Js provides a solid foundation for building React applications with server-side rendering, while Supabase offers a scalable and easy-to-use backend-as-a-service with PostgreSQL as the database.
How to send emails using Next.js 14, Resend and React-Email
Effective communication with your users is crucial, and emails play a key role in that. In this guide, we'll dive into how to send emails using Next.js 14, the Resend Email API, and React Email. You'll learn how to leverage the latest features in Next.js 14, including the app directory and server actions, to seamlessly integrate email functionality into your Next.js application.