Programming with Umair
Programming with Umair
  • 204
  • 788 265
Next.js Internationalization i18n without locale Routing | next-intl
Support multiple language in your next.js project without adding locale routes using next-intl package. Learn how to support localization (i18n) in both server and client components. Also add i18n support for browser tab titles in next.js.
#next-intl #i18n #nextjslocalization #nextjsinternationalization
00:05 Demo of Next.js Localization i18n
03:20 Create Next.js project
04:40 Setup UI, layout and navbar
10:10 Configure next-intl
20:00 Detect browser language and set preferred language
29:40 Localization for browser tab titles
Follow Whatsapp Channel:
whatsapp.com/channel/0029Va7yDtdKmCPVHT30ya3A
React tutorials:
th-cam.com/play/PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7.html
JavaScript Tutorials and Projects:
th-cam.com/play/PL3i9po_eXL_rwqWg1yPGBFKFZWqjaCTZe.html
Angular Tutorials:
th-cam.com/video/Qts7H8P-FpI/w-d-xo.html&pp=gAQBiAQB
Docker Tutorials & CI/CD:
th-cam.com/play/PL3i9po_eXL_rej_oo1FyL3D7q1AewarfJ.html
Angular 16 Crash Course For Beginners:
th-cam.com/play/PL3i9po_eXL_orh8YJcdGNO0C6P2mHABT7.html
Tech Tutorials - Random:
th-cam.com/video/IYRrE-yikb0/w-d-xo.html
Complete Next.js 13 Tutorials: th-cam.com/play/PL3i9po_eXL_paQQIa4qTum7_9CPqQwiFH.html
Next.js 14 Tutorials:
th-cam.com/play/PL3i9po_eXL_pyNKBtAAK_gVBWG5d8yZS9.html
Next.js Tutorials:
th-cam.com/play/PL3i9po_eXL_oHRV-wTND_gfi4X40wELTi.html
Node Express MongoDB Bootcamp: th-cam.com/play/PL3i9po_eXL_rdDdgVHSZjmzvwUB-jj8SU.html
ChatGPT Tutorials: th-cam.com/play/PL3i9po_eXL_qtCoSV1GHX_5Q48D2La9xW.html
Join our facebook group:
groups/996305460498149/
Contact us for development services:
www.linkedin.com/in/umair-jameel-24aa5368/
มุมมอง: 84

วีดีโอ

Complete Supabase Auth in Next.js 15 | OAuth Login | Forget & Reset Password | Supabase RLS1:26:50Complete Supabase Auth in Next.js 15 | OAuth Login | Forget & Reset Password | Supabase RLS
Complete Supabase Auth in Next.js 15 | OAuth Login | Forget & Reset Password | Supabase RLS
มุมมอง 49219 ชั่วโมงที่ผ่านมา
Build complete supabase authentication and authorization system in next.js 15 project along with signup, login, forget password, reset password, email verification, login with google and logout. Learn how to configure RLS (row level security) in supabase for database tables. Learn how to configure next.js project with supabase for both client side and server side code. #supabaseauth #nextjs15 #...
Build Live Streaming Web App in Next.js 15 using ZegoCloud UIKits1:04:33Build Live Streaming Web App in Next.js 15 using ZegoCloud UIKits
Build Live Streaming Web App in Next.js 15 using ZegoCloud UIKits
มุมมอง 38628 วันที่ผ่านมา
· Get 10000 free mins with UIKits: bit.ly/4fU4D9G · Take advantage of ZEGOCLOUD: bit.ly/4fLPHu9 · How to build a live streaming app: bit.ly/4isRZ3c #zegocloud #livestreamingsdk #streamingservice #webrtcstreaming Let's build a amazing live streaming application in next.js 15 using an awesome services called zegocloud. I will show you how to setup UI, layouts, states, routes and all configuration...
Build Real-Time Chat App in NEXT JS 15 using Socket.io for Dev and Prod Environments1:05:08Build Real-Time Chat App in NEXT JS 15 using Socket.io for Dev and Prod Environments
Build Real-Time Chat App in NEXT JS 15 using Socket.io for Dev and Prod Environments
มุมมอง 3.5Kหลายเดือนก่อน
Build a chat app for both dev and production environment is always a challenging task. In this tutorial, I will show you how to configure next.js 15 project with socket.io and build a real time live chat application in which user can create rooms and with other users who ever join that room. It includes best practice of configurations for typescript and more. 00:30 Demo of ChatApp in Next.js 15...
The FASTEST Way to Build AI Chatbot in Next.js with OpenAI and Gemini1:00:26The FASTEST Way to Build AI Chatbot in Next.js with OpenAI and Gemini
The FASTEST Way to Build AI Chatbot in Next.js with OpenAI and Gemini
มุมมอง 2.7Kหลายเดือนก่อน
STOP building chatbots the wrong way with open AI or gemini. In this tutorial, I will show you the best way to build chatbots in next.js projects with the help of gemini and open ai. I will use vercel ai sdk to implement the functionality. Show chatbot window on scroll of page and within the pop up. Chat only about the application while staying within the context of app. 00:10 Demo of AI Chatbo...
You've Been Doing Next.js 15 Appwrite Authentication WRONG All Along1:43:51You've Been Doing Next.js 15 Appwrite Authentication WRONG All Along
You've Been Doing Next.js 15 Appwrite Authentication WRONG All Along
มุมมอง 1.4K2 หลายเดือนก่อน
Authentication and Authorization are the most important feature in every web application. In this tutorial, I will teach you how to implement it with best practices and tackling errors. Next.js 15 along with appwrite provide the best combination to build full stack applications. This tutorial includes routings, design, appwrite setup, route protection, error handling etc. 00:04 Appwrite auth de...
bolt.new is the FASTEST Way to Build NOCODE Projects with AI23:28bolt.new is the FASTEST Way to Build NOCODE Projects with AI
bolt.new is the FASTEST Way to Build NOCODE Projects with AI
มุมมอง 2.4K2 หลายเดือนก่อน
Let's write code and build projects within few minutes with the help of ai. Ai tools and code editor like supermaven, cursor ai and bolt.new really revolutionizing the future of writing code in much less time. In this video, I will explain you all the feature these ai code editor provides and compare these all together. 00:04 Intro 01:15 vscode AI copilot extensions 04:03 Cursor AI features 12:...
Cursor AI Code Editor is Awesome - Write Code | Generate | Debug in Seconds27:21Cursor AI Code Editor is Awesome - Write Code | Generate | Debug in Seconds
Cursor AI Code Editor is Awesome - Write Code | Generate | Debug in Seconds
มุมมอง 7513 หลายเดือนก่อน
Leaving vscode was hard but ai features provided by cursor ai code editor is beyond awesome. This is a cursor ai tutorial for beginners and in this video, you will guide how to use cursor ai for build large projects, generate code, talk with ai about your code, scan throw codebase, debug and fix your code and prompting suggests within your code. One cool feature cursor ai provide is we can writ...
Build a FAST Blog App in 1 Hour with Next.js 15 and Appwrite CMS1:10:56Build a FAST Blog App in 1 Hour with Next.js 15 and Appwrite CMS
Build a FAST Blog App in 1 Hour with Next.js 15 and Appwrite CMS
มุมมอง 2.6K3 หลายเดือนก่อน
Appwrite is an awesome CMS service to build and manage databases, messages, file storage buckets etc. In this video, I will setup appwrite and configure it with next.js 15 project to build a simple blog application. I will build schema with relational modals in appwrite and fetch the data in next.js 15 project using server actions. This is a beginner guide to build a full stack blog application...
Next.js 15 Live Chat and User Feedback System with Intercom25:08Next.js 15 Live Chat and User Feedback System with Intercom
Next.js 15 Live Chat and User Feedback System with Intercom
มุมมอง 9894 หลายเดือนก่อน
How to integrate intercom with next.js 15 for live chat and user feedback system. I will show you from scratch, how to create a new next.js 15 project and add intercom scripts to enable it on all pages of our app. Also, I will show you all kinds of customization options provided by intercom like colors, layouts, styling, texts etc. Finally I will show you how to install third party apps and con...
Next.js 15 Unit Testing with Jest and React Testing Library | Test Driven Development1:22:19Next.js 15 Unit Testing with Jest and React Testing Library | Test Driven Development
Next.js 15 Unit Testing with Jest and React Testing Library | Test Driven Development
มุมมอง 2.8K4 หลายเดือนก่อน
Learn all about unit testing and test driven development using jest and react testing library in next.js 15 project. Start off with what is unit testing, how to configure next.js project with jest, writing unit tests, advantages and disadvantages of unit testing, mocks, TDD, Test driven development and more. This tutorial is for beginners as well as experienced developers. 00:30 What is Unit Te...
Build Custom Whatsapp Contact Widget in Next.js 1519:35Build Custom Whatsapp Contact Widget in Next.js 15
Build Custom Whatsapp Contact Widget in Next.js 15
มุมมอง 1K4 หลายเดือนก่อน
Build whatsapp live chat widget in next.js 15. Animation with css on scroll. Learn about transitions and dynamically making whatsapp icon visible on page scroll. #whatsappwidget #nextjs15 #react #whatschatwidget Follow Whatsapp Channel: whatsapp.com/channel/0029Va7yDtdKmCPVHT30ya3A React tutorials: th-cam.com/play/PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7.html JavaScript Tutorials and Projects: th-cam...
3 Ways to Fix Hydration Error in Next.js 159:103 Ways to Fix Hydration Error in Next.js 15
3 Ways to Fix Hydration Error in Next.js 15
มุมมอง 6K4 หลายเดือนก่อน
Hydration errors in next.js are very annoying and in this video, I am going to show to 3 methods with which you can fix hydration errors. 00:05 What is hydration error in next.js 01:42 First method to fix hydration error 03:13 Second method to fix hydration error 06:27 Third method to fix hydration error #nextjs15 #hydrationerror #nextjsperformance Follow Whatsapp Channel: whatsapp.com/channel/...
Learn all about Routings and Layouts in Next.js 15 | Beginner to Advance1:07:45Learn all about Routings and Layouts in Next.js 15 | Beginner to Advance
Learn all about Routings and Layouts in Next.js 15 | Beginner to Advance
มุมมอง 3.2K5 หลายเดือนก่อน
Become expert in all kinds of routing technique of next.js 15 by following up in this tutorial. In this video, you will learn different types of routings methods like Basic routing, nested routing, dynamic routing, routing segments, optional dynamic routing, private folders routes, grouped routes, nested layouts, templates vs layouts in next.js 15, parallel routing, intercepting routes, not fou...
Add Multi Language Support in Next.js 15 Project34:19Add Multi Language Support in Next.js 15 Project
Add Multi Language Support in Next.js 15 Project
มุมมอง 8K5 หลายเดือนก่อน
Configure next.js 15 with next-intl and support multiple language for texts inside server components, client components and browser tabs. Building project from scratch, installing required packages, configure files, building ui and bind multi-language text on multiple components. 00:05 Demo 02:00 Create next.js 15 project 04:58 Install packages 05:40 Configurations 12:30 Configure layout 17:00 ...
Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions44:19Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions
Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions
มุมมอง 1.7K5 หลายเดือนก่อน
Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions
Next.js 15 Caching Explained with SSG | ISR | CSR | SSR31:45Next.js 15 Caching Explained with SSG | ISR | CSR | SSR
Next.js 15 Caching Explained with SSG | ISR | CSR | SSR
มุมมอง 2.8K5 หลายเดือนก่อน
Next.js 15 Caching Explained with SSG | ISR | CSR | SSR
Build A Video Calling App in Next.js 15 with Zegocloud | Zoom Clone39:26Build A Video Calling App in Next.js 15 with Zegocloud | Zoom Clone
Build A Video Calling App in Next.js 15 with Zegocloud | Zoom Clone
มุมมอง 2.1K5 หลายเดือนก่อน
Build A Video Calling App in Next.js 15 with Zegocloud | Zoom Clone
Clerk Auth v5 Complete Guide with Next.js 15 | Routes Protection | Connect Clerk with Databases1:24:18Clerk Auth v5 Complete Guide with Next.js 15 | Routes Protection | Connect Clerk with Databases
Clerk Auth v5 Complete Guide with Next.js 15 | Routes Protection | Connect Clerk with Databases
มุมมอง 9K5 หลายเดือนก่อน
Clerk Auth v5 Complete Guide with Next.js 15 | Routes Protection | Connect Clerk with Databases
Build Tour Guide in Next.js 15 and React.js | react-joyride53:39Build Tour Guide in Next.js 15 and React.js | react-joyride
Build Tour Guide in Next.js 15 and React.js | react-joyride
มุมมอง 3.5K6 หลายเดือนก่อน
Build Tour Guide in Next.js 15 and React.js | react-joyride
Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB1:22:52Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB
Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB
มุมมอง 21K6 หลายเดือนก่อน
Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB
Angular 17 Tutorial - Protect Routes with Guards #1715:58Angular 17 Tutorial - Protect Routes with Guards #17
Angular 17 Tutorial - Protect Routes with Guards #17
มุมมอง 1.4K7 หลายเดือนก่อน
Angular 17 Tutorial - Protect Routes with Guards #17
Top 5 Tailwind css Component Libraries for Next.js 15 and React Projects10:42Top 5 Tailwind css Component Libraries for Next.js 15 and React Projects
Top 5 Tailwind css Component Libraries for Next.js 15 and React Projects
มุมมอง 2K7 หลายเดือนก่อน
Top 5 Tailwind css Component Libraries for Next.js 15 and React Projects
Angular 17 Tutorial - Lazy Loading Feature Modules #1611:33Angular 17 Tutorial - Lazy Loading Feature Modules #16
Angular 17 Tutorial - Lazy Loading Feature Modules #16
มุมมอง 1.2K7 หลายเดือนก่อน
Angular 17 Tutorial - Lazy Loading Feature Modules #16
Angular 17 Tutorial - Routing | Dynamic Routing | Nested Routing #1529:45Angular 17 Tutorial - Routing | Dynamic Routing | Nested Routing #15
Angular 17 Tutorial - Routing | Dynamic Routing | Nested Routing #15
มุมมอง 1.9K7 หลายเดือนก่อน
Angular 17 Tutorial - Routing | Dynamic Routing | Nested Routing #15
Storybook Tutorial in Next.js 14+ with Tailwindcss and Shadcn UI Components | Next.js 1538:13Storybook Tutorial in Next.js 14+ with Tailwindcss and Shadcn UI Components | Next.js 15
Storybook Tutorial in Next.js 14+ with Tailwindcss and Shadcn UI Components | Next.js 15
มุมมอง 7K7 หลายเดือนก่อน
Storybook Tutorial in Next.js 14 with Tailwindcss and Shadcn UI Components | Next.js 15
Angular 17 Tutorial - What are Components | Components Communication #1415:38Angular 17 Tutorial - What are Components | Components Communication #14
Angular 17 Tutorial - What are Components | Components Communication #14
มุมมอง 1.3K7 หลายเดือนก่อน
Angular 17 Tutorial - What are Components | Components Communication #14
Build Notes App using Next.js 14+ | Drizzle ORM | Neon Database and Clerk Authentication1:44:29Build Notes App using Next.js 14+ | Drizzle ORM | Neon Database and Clerk Authentication
Build Notes App using Next.js 14+ | Drizzle ORM | Neon Database and Clerk Authentication
มุมมอง 6K7 หลายเดือนก่อน
Build Notes App using Next.js 14 | Drizzle ORM | Neon Database and Clerk Authentication
Angular 17 Tutorial - Build Reactive Forms #1324:24Angular 17 Tutorial - Build Reactive Forms #13
Angular 17 Tutorial - Build Reactive Forms #13
มุมมอง 3.9K7 หลายเดือนก่อน
Angular 17 Tutorial - Build Reactive Forms #13
Angular 17 Tutorial - Build Template Driven Forms #1211:19Angular 17 Tutorial - Build Template Driven Forms #12
Angular 17 Tutorial - Build Template Driven Forms #12
มุมมอง 1.4K7 หลายเดือนก่อน
Angular 17 Tutorial - Build Template Driven Forms #12