Digital CEO
Digital CEO
  • Видео 60
  • Просмотров 404 477
Google Auth with Nextjs 14 app directory
CONNECT ON MY DISCORD COMMUNITY:
discord.gg/5zsdrxH8m8
Note: When you receive the profile info from Google via the id_token, decode it and save the user's info in your own cookie or database. If you save and rely on the direct id_token jwt value for future profile info like I did in the tutorial, remember it will expire, requiring additional checks to re-fetch it. An easier way is to store the user's name and profile photo links in your database unless you want to refresh profile info from Google more frequently.
0:00 intro
0:38 Demo
2:36 Create Google Project
4:00 Google Auth Api route
9:18 Google Sign in Button
10:14 Google Tokens
12:34 Create Login Cookie
14:00 Google Profile Token
15:28 Check if...
Просмотров: 519

Видео

How to add Google Analytics to your Next.js 14 site with app router
Просмотров 4,8 тыс.8 месяцев назад
CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
How to stop dev emails from going to spam
Просмотров 1528 месяцев назад
Email platforms like gmail and yahoo now require email authentication on domain names to be allowed through their system. This involves adding email authenticating records to the DNS of the domain you are sending emails from. CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: GitHub: github.com/oelbaga Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/i...
Zuckerberg Reveals Challenges of AI Data Centers (Meta, AI, Energy Insights)
Просмотров 2958 месяцев назад
CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
Will AI Steal Our Jobs? Reacting to Predictions on AI in Software Engineering
Просмотров 898 месяцев назад
CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
Self host Next.js website on an Ubuntu server with Auto Deploy on commits!
Просмотров 5 тыс.8 месяцев назад
To host Next.js app/website you only need a server running Node.js. In this video you will learn how to host a next.js website or app on an ubuntu (linux) server in the cloud which you can get from Digital ocean or AWS. As a note, In this example we are not using Vercel, Netlify or any of the app hosting platforms on digital ocean or aws as those are also abstractions. We are setting up a clean...
Men Crash an All Women Tech conference...
Просмотров 1,3 тыс.Год назад
CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
What happened to Elon Musk Neuralink monkeys: Grisly Details...
Просмотров 2,9 тыс.Год назад
CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
You feel safe in cars, but little do you know how they spy
Просмотров 72Год назад
In a new study by Mozilla, 24 companies were found collecting private data on drivers of their cars. CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
iPhone’s radiation levels spark backlash
Просмотров 166Год назад
0:00 iPhone banned 2:00 Google Steals User Locations 4:00 TikTok Teen privacy Tech News - September 2023 CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
They exploit developers...devs must unite
Просмотров 87Год назад
CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga
Learn CRUD with React/Next.JS and MySQL (Complete tutorial)
Просмотров 41 тыс.Год назад
In this video you'll learn how to do all CRUD operations with Next.JS api and MySQL database, or any database you choose to use. We'll create an API in Next.JS and then learn how to read, create, update and delete data through that API. The concept generally works with any database but in this demo you'll use a MySQL database. CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 0:00 intro 1:...
Most annoying problem with GIT and NextJS
Просмотров 2832 года назад
CONNECT ON MY DISCORD COMMUNITY: discord.gg/5zsdrxH8m8 SOCIALS: Twitter: omarel Website: www.omarel.com LinkedIn: www.linkedin.com/in/omarelbaga GitHub: github.com/oelbaga #github #git #sourcecontrol #react #nextjs #vercel
Dynamic Refs and State in React
Просмотров 3,2 тыс.2 года назад
Dynamic Refs and State in React
How React/NextJS logins actually work. Sessions VS oAuth
Просмотров 7392 года назад
How React/NextJS logins actually work. Sessions VS oAuth
Coding all NextJS 13 Features (2022)
Просмотров 1,8 тыс.2 года назад
Coding all NextJS 13 Features (2022)
How to use Context API in React/NextJS
Просмотров 20 тыс.2 года назад
How to use Context API in React/NextJS
Change parent state from child components in React/NextJS
Просмотров 6 тыс.2 года назад
Change parent state from child components in React/NextJS
React form validation with react hook form. Simple!
Просмотров 1 тыс.2 года назад
React form validation with react hook form. Simple!
Make full viewport sections snap scroll in React (scroll to sections on click, animation, more)
Просмотров 15 тыс.2 года назад
Make full viewport sections snap scroll in React (scroll to sections on click, animation, more)
Should you learn code from Tutorials? [REACTION]
Просмотров 1812 года назад
Should you learn code from Tutorials? [REACTION]
3 costly mistakes developers make with NextJS
Просмотров 4,4 тыс.2 года назад
3 costly mistakes developers make with NextJS
Reacting to a day in the life of a Google Engineer
Просмотров 1922 года назад
Reacting to a day in the life of a Google Engineer
Convert an HTML Website to React/NextJS
Просмотров 16 тыс.2 года назад
Convert an HTML Website to React/NextJS
[Step by Step] Deploy NextJS on Ubuntu Digital Ocean (2 NextJS Apps on one server)
Просмотров 40 тыс.2 года назад
[Step by Step] Deploy NextJS on Ubuntu Digital Ocean (2 NextJS Apps on one server)
Solving the React 18 Double Render problem on useEffect
Просмотров 9 тыс.2 года назад
Solving the React 18 Double Render problem on useEffect
Send URL Parameters in React to a form
Просмотров 3,2 тыс.2 года назад
Send URL Parameters in React to a form
NextJS MySQL example. Get MySQL data into a react app using Node JS
Просмотров 46 тыс.2 года назад
NextJS MySQL example. Get MySQL data into a react app using Node JS
Vanilla React Image Slider from scratch - just 30 minutes - even easier than javascript sliders
Просмотров 9812 года назад
Vanilla React Image Slider from scratch - just 30 minutes - even easier than javascript sliders
Every way to add CSS in a React app
Просмотров 2092 года назад
Every way to add CSS in a React app

Комментарии

  • @bobyd44
    @bobyd44 17 дней назад

    just curios, what would be the diffrencce deploying a Docker image instead the app itself? It would be on the app build size or what? Thank you

  • @ExplorewithZac
    @ExplorewithZac 29 дней назад

    Dynamically inserting header and footer components and creating object oriented styles is standard practice for most vanilla web apps these days... These are not the main problems that React/Next solves. We don't want to mislead people into thinking that vanilla web apps inherently require duplication, because that is simple false.

    • @ExplorewithZac
      @ExplorewithZac 29 дней назад

      2:35... JavaScript Components already allows components to be defined and dynamically inserted into pages (such as the header, footer, or other reusable sections). The process is very simple and effective. React was not created to solve this problem. React was created to handle partial reloads; updating components without having to reload the entire page.

  • @RH-mk3rp
    @RH-mk3rp Месяц назад

    This task should no take 44 minutes

  • @luislongoria6621
    @luislongoria6621 Месяц назад

    MOST if not ALL CARTOONISTS ARE QUEER. It's not some Korean Blackpink joke that would have you JAILED in Korea. Their Art is their Only Escape from their PRISON OF THE FLESH

  • @luislongoria6621
    @luislongoria6621 Месяц назад

    If Vegetarian Homosexuals want to "Consume" animals for their own benefit, Vegetarian Organic Farrms should be FREE to Exercise their BESTIAL RIGHTS

  • @luislongoria6621
    @luislongoria6621 Месяц назад

    If a Fish can be taught to drive an RC car at Caltech, monkeys ought to be able to post Dancing Videos on TIKTOK. Neuralink FAILED by Restricting the Monkeys from Starlink Access. SOLITARY ISOLATION KILLS more Lab Animals than GUNS

  • @samiranjoseph9793
    @samiranjoseph9793 Месяц назад

    WOW ! Thanks for the lucid explanation.

  • @johan127lespaul
    @johan127lespaul Месяц назад

    excelent video ! definitely the best info is in english, i saw a lot of videos in spanish about this and i didin't understand.

  • @ANURAG_GUPTA576
    @ANURAG_GUPTA576 Месяц назад

    Thanks , explained in short

  • @shaqdrippinfaucet
    @shaqdrippinfaucet Месяц назад

    Absolute gold man❤

  • @JC-yy5nf
    @JC-yy5nf 2 месяца назад

    Brother. You need to tell me which keyboard that is. Sounds so good.

  • @Rakscha-Sun
    @Rakscha-Sun 2 месяца назад

    Google zoosadism and macaques. This monkeys don't suffer for science, they suffer because the people controlling this experiments are psychopaths.,

  • @sandeep-4433
    @sandeep-4433 2 месяца назад

    I want to connect next js with sql server rather than mysql.. can u explain.. how.. regarding tables connection and stored procedures also..

  • @robertnewberry7799
    @robertnewberry7799 2 месяца назад

    Sepher Yetzirah The Book of Formation Abraham Chapter VI 9. God hath also set one thing against the other; the good against the evil and the evil against the good, good from good and evil from evil, the good marks out the evil and the evil marks out the good; good is reserved for the good ones and evil is reserved for the evil ones. Isaiah 5:20 “Woe unto them that call evil good, and good evil; that put darkness for light, and light for darkness; that put bitter for sweet, and sweet for bitter!” Gaze to Abraham your Father and to Sara who conceived you, for he was alone and I called him and I blessed him and I increased him Genesis 12:1-3 King James Version 12 Now the Lord had said unto Abram, Get thee out of thy country, and from thy kindred, and from thy father's house, unto a land that I will shew thee: 2 And I will make of thee a great nation, and I will bless thee, and make thy name great; and thou shalt be a blessing: 3 And I will bless them that bless thee, and curse him that curseth thee: and in thee shall all families of the earth be blessed.

  • @marcellaecommerce
    @marcellaecommerce 3 месяца назад

    Thank you Brother.

  • @LauraHaas
    @LauraHaas 3 месяца назад

    Thank you very much for these explanations! React is a great tool

  • @maxschneidercodes3
    @maxschneidercodes3 3 месяца назад

    Thank you so much!

  • @patolorde
    @patolorde 3 месяца назад

    Thanks brother!

  • @darz_k.
    @darz_k. 3 месяца назад

    Not a brilliant idea having your heavy keyboard keys mic'd up.

  • @zainmp3499
    @zainmp3499 3 месяца назад

    very helpfull video thankyou

  • @amremam4188
    @amremam4188 3 месяца назад

    Then what is the point of npm run build

  • @nshettys
    @nshettys 4 месяца назад

    Great Stuff! Thanks. And yes, you got a new subscriber to your channel today

  • @simonboddy7415
    @simonboddy7415 4 месяца назад

    Really good! I'm still getting over the fact that nextjs has to be built in situ. A build can always fail, so it seems very risky to overwrite your live site with some new code that needs to be built. Folk are likely handling this with containers but I think I'm going to try a blue/green strategy and switch the nginx config when the build has succeeded. I'm also a bit startled to see the PATH modified in the deployment pipeline. Why should I need to modify my pipeline every time my node version changes? I think I need a better solution there. God I wish we still had server guys.

  • @jake_bareng
    @jake_bareng 4 месяца назад

    this was an actual good video and it was not 1 hour long like other videos

  • @iSkayer
    @iSkayer 5 месяцев назад

    This was a really great tutorial, thank you for walking us through the steps. I already knew most of them, but needed a refresh, especially on the pm2 part. Keep up the great work!

  • @thecrazymedic4480
    @thecrazymedic4480 5 месяцев назад

    This guy is a genius. Thanks a lot. I was having a lot of issues with SSH keys but it's clear now

  • @CmdZOD
    @CmdZOD 5 месяцев назад

    Thank you so much, i was banging my head on the wall with this SSH stuff !

  • @mathlouly
    @mathlouly 5 месяцев назад

    pretty good, ty.

  • @pongtswaila7922
    @pongtswaila7922 5 месяцев назад

    Very helpful content. Tnx so much! 🙏

  • @scottnoring2960
    @scottnoring2960 5 месяцев назад

    How old is this. Is it NextJS14? I'm getting errors with usestate and useffect.

  • @palakbasak3551
    @palakbasak3551 5 месяцев назад

    How to deploy this?

  • @Tanner-cz4bd
    @Tanner-cz4bd 5 месяцев назад

    thanks bro

  • @davidtakidze25
    @davidtakidze25 5 месяцев назад

    Thank you for the incredible video! I have a question: I’m currently using a droplet to host WordPress and would like to host a Next.js application on the same droplet. I followed your steps, but are there any additional considerations I should consider when hosting Next.js and WordPress on the same server?

  • @AndreWang-kf3zu
    @AndreWang-kf3zu 5 месяцев назад

    It works! I applied google analytics on my nextjs personal website. Super helpful.

  • @josemarceloalexandre3656
    @josemarceloalexandre3656 5 месяцев назад

    Wow, best video I've ever watched on RUclips! Congratulations!!!

  • @arfazchhapawala2892
    @arfazchhapawala2892 5 месяцев назад

    Thanks for sharing an amazing tutorial 🙏. I was really searching for the perfect one, and it is well explained 🙌

  • @Marlorouse109
    @Marlorouse109 6 месяцев назад

    Thanks for sharing !!! This was very helpful!

  • @imomuganda
    @imomuganda 6 месяцев назад

    Double like! This was clear, concise, and it worked.

  • @beticohernandez9536
    @beticohernandez9536 6 месяцев назад

    interesante. Un carrito de compra seria interesante tambien.

  • @FelipeOcampo-v4i
    @FelipeOcampo-v4i 6 месяцев назад

    Super helpful! Thanks so much

  • @proconfusedtechie3867
    @proconfusedtechie3867 6 месяцев назад

    It's okay if we want to pass one or two state variables. But still react is bad when the application grows large and need to pass multiple state variables and their setters. It needs support from redux when the application grows large

  • @devinsmith4713
    @devinsmith4713 6 месяцев назад

    8 hours of my life (of which I still didn't succeed in) summed up in 25 minutes. Now I can get on with the meat of my project. Thank you.

  • @vaskoooo
    @vaskoooo 6 месяцев назад

    Man I just discovered your channel and I’m already addicted. You have a realtà nice way to deliver concepts

  • @christianpossidonio
    @christianpossidonio 6 месяцев назад

    Do you winner my like and I subscribe. Thanks my fried. Ops, I`m from Rio de Janeiro - Brazil here

  • @marchello6826
    @marchello6826 6 месяцев назад

    Thank you for the incredibly helpful content!

  • @ijusthatenormiesihavenooth1164
    @ijusthatenormiesihavenooth1164 6 месяцев назад

    It was genius. Would hire immediately

  • @Andy-l9p
    @Andy-l9p 6 месяцев назад

    Thats remarkable. Danke

  • @alleggs
    @alleggs 7 месяцев назад

    something wrong with this. i tries to run two apps on same domain with subomains, but only one app runs on domain

  • @BantuNiLo
    @BantuNiLo 7 месяцев назад

    Wr kill billions of chickens

    • @luislongoria6621
      @luislongoria6621 Месяц назад

      Because they're TASTY... Even if a Human eats Chicken Food, that's Still 1 More Chicken Going WITHOUT FOOD

    • @luislongoria6621
      @luislongoria6621 Месяц назад

      Vegetarians be like "I'd rather STARVE A CHICKEN THAN EAT ITS FLESH"

  • @achrefmtir8250
    @achrefmtir8250 7 месяцев назад

    this content is legendary !