Sphorb
Sphorb
  • 24
  • 77 796
Free Next Js Analytics with Cloudflare
Cloudflare offers Free Web Analytics. In this episode I show you how to add Cloudflare web analytics to your NextJs application. I also show you how to fix the CORS errors you might encounter with this installation.
_____________________________________
Pdf to Excel Tables: pdftoexceltables.com
Twitter: sphorbio
Website: sphorb.io
มุมมอง: 282

วีดีโอ

Next Js 14 Mini Course | Build and Deploy Fullstack Application on Cloudflare with Turso Database
มุมมอง 3.6K5 หลายเดือนก่อน
In this short course, I show you how you can build a simple Fullstack Next Js app using Turso database, server actions and host it on Cloudflare. I encountered a bunch of errors throughout this course but I decided to keep them and not gloss over them or hide them to showcase anything you might encounter and how to go about fixing them. I hope you found this helpful. If you would like me to cov...
Deploy Next Js on Cloudflare
มุมมอง 14K5 หลายเดือนก่อน
I really think cloudflare is a really good option for hosting your Next Js application but I think it goes under the radar for a lot of people. Recording this quick video to show people how to deploy your Next Js Application on Cloudflare. Cloudflare's free tier is much more friendly when compared with their competitors such as Vercel, Netlify or AWS. Espacially the unlimited CDN! Follow my jou...
PlanetScale to Turso With Drizzle ORM in Next Js
มุมมอง 4385 หลายเดือนก่อน
Since planetscale got rid of their hobby tier, I show you how to migrate your project to Turso, a really good alternative to planetscale in Next Js using Drizzle ORM. Turso Documentation: docs.turso.tech/quickstart Drizzle Turso Documentation: orm.drizzle.team/learn/tutorials/drizzle-with-turso Follow my journey on Twitter: sphorbio My SaaS: generatejobdescription.com
Next Js 14 PlanetScale Drizzle Integration for Authentication on Edge Runtime
มุมมอง 4.2K9 หลายเดือนก่อน
I show you how to implement drizzle adapter for next js authentication. I also show you how to create your database in planetscale and connect that with your application. See my previous video showing authentication implementation with Auth V5: th-cam.com/video/rEopVx0FKGI/w-d-xo.htmlsi=mJNy7F3IaCuGDwxq sphorbio Source Code: github.com/sphorb/next-js-planetscale-drizzle-integration ...
Next Js 14 Authentication on Edge Runtime
มุมมอง 13K10 หลายเดือนก่อน
Database Integration Video Available Now: th-cam.com/video/7COYRqixUxU/w-d-xo.htmlsi=1H10mRCpRi1s26Af I show you how to implement authentication in next js that is compatible for the edge runtime. Currently the next-auth package does not offer this so a lot of people have to use clerk that does offer it. However, in the new update that's in beta, next-auth will be compatible for the edge runtim...
LeetCode in Python Over JavaScript (As A Web Developer)
มุมมอง 37010 หลายเดือนก่อน
I recently started learning leetcode with JavaScript to learn data structures and algorithms. However very soon into my journey, I switched to Python and in this video I discuss the reasons why I made the switch. Timestamps: 01:07 - 1st Reason 03:59 - 2nd Reason 05:16 - 3rd Reason 06:00 - 4th Reason 07:25 - Final Thoughts sphorbio
12 Months in Software Development Changed My Life
มุมมอง 1.2K10 หลายเดือนก่อน
In this video I go through my journey of learning how to code and getting a software engineer job without a Computer Science degree. What side projects I worked on. How I got first job. My portfolio that I used to apply for software engineer jobs. sphorbio 00:00 - Introduction 00:37 - My background 02:00 - My Plan to Get a Job 02:55 - Applying to Jobs 04:24 - Showcasing Portfolio & ...
Simple Fix Long Page Compile Times When You Upgrade To Next Js 14
มุมมอง 4.4K10 หลายเดือนก่อน
I recently upgraded to next js 14 for my side porject. But my page compile times locally were extremely slow taking longer than 11 seconds 12 seconds. I upgraded my node version to fix this and thought I might share it incase it fixes it for other people as well. Maybe its just a problem with the upgrade itself and theyll fix it in future updates. But hope it helps you :D
Authentication Setup In Next Js 13+ Using Firebase
มุมมอง 48811 หลายเดือนก่อน
This video is a guide to show how to implmenet authentication in next js using the next-auth package and firebase to implement signing in with google.
Be Careful With Your Image Links In Next Js
มุมมอง 683ปีที่แล้ว
Recently I found out that if you dont properly define your image urls in your next js application, it can be exploited to do damage to your website. I share the correct way to define image domains in your next js application.
3 Things To Consider Before Using Bun 1.0 As A Beginner
มุมมอง 2.1Kปีที่แล้ว
Bun 1.0 release has gotten a lot of hype recently and for the right reasons. A lot beginners might see this in the tech space and may want to try it. I share some concerns they should think through before picking up Bun in their tech stack.
Build An Accordion | React Components Made Easy
มุมมอง 143ปีที่แล้ว
Super fast tutorial to show you how to build a customisable custom accordion component for a react application. Sorry for the misspelling of accordion throughout the video. I only learned its an O not an A while I was editing.
Build a Toast Message | React Components Made Easy
มุมมอง 2.7Kปีที่แล้ว
super fast tutorial on how to create your own toast message component in react using HTML CSS and regular javascript react hooks. Not using any library like react-toastify or react-hot-toast. You have full control over your component and it's good to have knowledge on how to build this component yourself.
Build a Tooltip | React Components Made Easy
มุมมอง 437ปีที่แล้ว
In this video I show you how to create a react tooltip component that you can use anywhere in your project. This component doesn't use any library and built using only HTML and CSS.
Build a Modal | React Components Made Easy
มุมมอง 693ปีที่แล้ว
Build a Modal | React Components Made Easy
3 VS Code Shortcuts That Turn Beginners Into Professionals
มุมมอง 90ปีที่แล้ว
3 VS Code Shortcuts That Turn Beginners Into Professionals
Installing Custom Themes on Neovim
มุมมอง 923ปีที่แล้ว
Installing Custom Themes on Neovim
Fix Linux Suspend Immediately Wakes Up
มุมมอง 2.9Kปีที่แล้ว
Fix Linux Suspend Immediately Wakes Up
Installing Nerd Fonts on Linux
มุมมอง 23Kปีที่แล้ว
Installing Nerd Fonts on Linux
Learning Zig | Creating A Window (1.1)
มุมมอง 138ปีที่แล้ว
Learning Zig | Creating A Window (1.1)
Learning Zig | Creating A Window (1.0)
มุมมอง 504ปีที่แล้ว
Learning Zig | Creating A Window (1.0)
Desktop App With Electron React | Personal Project (1)
มุมมอง 347ปีที่แล้ว
Desktop App With Electron React | Personal Project (1)
Installing Zig Using Snap Package Manager On WSL2 Ubuntu
มุมมอง 701ปีที่แล้ว
Installing Zig Using Snap Package Manager On WSL2 Ubuntu

ความคิดเห็น

  • @minhajsixbyte
    @minhajsixbyte 5 วันที่ผ่านมา

    thanks!

  • @RigobOP
    @RigobOP 13 วันที่ผ่านมา

    que locura, muchas gracias

  • @pulik_io
    @pulik_io 24 วันที่ผ่านมา

    Why Turso, and no Cloudflare D1?

    • @sphorb
      @sphorb 24 วันที่ผ่านมา

      Extremely easy to setup and I'm familiar with it😁

  • @ZekeLeom
    @ZekeLeom หลายเดือนก่อน

    Thank you! This helped me setup my first page :) Liked and subbed!

    • @sphorb
      @sphorb หลายเดือนก่อน

      You made my day! Thanks I'm glad I could help🙌

  • @sourmans
    @sourmans หลายเดือนก่อน

    superb. In addition with cloudflare you get email routing so no need to mess around with main in a box or cpanel just setup cloudflare email routing toyu your personal gmail like a boss

  • @GustavoMontanha
    @GustavoMontanha หลายเดือนก่อน

    useful! thanks!

  • @michaelp_c
    @michaelp_c หลายเดือนก่อน

    is it just me, or does the font make the text spacing big.

  • @naylord5
    @naylord5 หลายเดือนก่อน

    Thank you so much for the CORS fix! New sub! Please keep then coming 🔥

    • @sphorb
      @sphorb หลายเดือนก่อน

      Thank you!

  • @view
    @view หลายเดือนก่อน

    Amazing tutorial! The fix regarding CORS was beautifully explained. Thanks!

    • @sphorb
      @sphorb หลายเดือนก่อน

      Thank you! I appreciate your feedback ☺️

  • @nishan_nb
    @nishan_nb หลายเดือนก่อน

    Thanks for sharing! Straight to the point and very clear. Great job!

    • @sphorb
      @sphorb หลายเดือนก่อน

      Thank you!

  • @jagdish1o1
    @jagdish1o1 หลายเดือนก่อน

    cloudflare is my ♥ and recently started developing apps with nextjs. Seeing this, that nextjs can be deployed on cloudflare makes me love cloudflare even more. 🥰

    • @sphorb
      @sphorb หลายเดือนก่อน

      Nice to hear!

  • @astronautatul
    @astronautatul หลายเดือนก่อน

    if i do this same thing, so my project directory also shows the icon as respective ?

  • @lx288
    @lx288 หลายเดือนก่อน

    Thank you!

    • @sphorb
      @sphorb หลายเดือนก่อน

      You're welcome!

  • @ElusiveProxy
    @ElusiveProxy หลายเดือนก่อน

    Could you not just declare the edge runtime in root layout?

    • @sphorb
      @sphorb หลายเดือนก่อน

      sadly not :(

    • @ElusiveProxy
      @ElusiveProxy หลายเดือนก่อน

      @@sphorb that’s pretty upsetting to be honest

    • @sphorb
      @sphorb หลายเดือนก่อน

      Yeah, unfortunate

  • @aryanmauryamr.perfect1426
    @aryanmauryamr.perfect1426 หลายเดือนก่อน

    Need help 😢

    • @sphorb
      @sphorb หลายเดือนก่อน

      message me on twitter :) I'll be able to help

  • @momenshtayeh67
    @momenshtayeh67 หลายเดือนก่อน

    thank you so much! Its been weeks since I started searching for a solution

    • @sphorb
      @sphorb หลายเดือนก่อน

      Glad I could help!

  • @cowjuice7148
    @cowjuice7148 หลายเดือนก่อน

    it says the command sudo vim does not exist and idk why. :edit so if what happened to me happens to you you have to install vim (sudo apt-get install vim) and to write quit the file you press : then in lowercase type wq.

    • @sphorb
      @sphorb หลายเดือนก่อน

      yeah that seems correct if you don't have vim installed

  • @manlikeP
    @manlikeP หลายเดือนก่อน

    whats the name of the terminal you are using

    • @sphorb
      @sphorb หลายเดือนก่อน

      Alacrity

  • @itsetann4434
    @itsetann4434 หลายเดือนก่อน

    Worked on Fedora! Thanks for the help!

    • @sphorb
      @sphorb หลายเดือนก่อน

      Glad to hear!

  • @GustavAgar
    @GustavAgar 2 หลายเดือนก่อน

    thankyouuuuuuuuuuuuuuuuu

  • @elvisc
    @elvisc 2 หลายเดือนก่อน

    Do they support api route handlers?

    • @sphorb
      @sphorb 2 หลายเดือนก่อน

      Yes they do

  • @inkon48
    @inkon48 2 หลายเดือนก่อน

    great❤

    • @sphorb
      @sphorb หลายเดือนก่อน

      thanks!

  • @Rakiraa
    @Rakiraa 2 หลายเดือนก่อน

    Really useful tutorial! Thanks!

    • @sphorb
      @sphorb 2 หลายเดือนก่อน

      Thank you! Glad I could help

  • @xerogear
    @xerogear 2 หลายเดือนก่อน

    Great video! Easy to follow even for a linux noob like myself.

  • @Milo_1010_
    @Milo_1010_ 2 หลายเดือนก่อน

    could you do a more common prod project as a blog with dynamic routes and export static files from build to cloudflare cdn with next 14 ? it would be awesome

    • @sphorb
      @sphorb หลายเดือนก่อน

      thanks for feedback! That sounds similar to my personal site sphorb.io I can make that if that sounds helpful

  • @Pepenator-creator
    @Pepenator-creator 2 หลายเดือนก่อน

    pure gold! thanks mate!

    • @sphorb
      @sphorb 2 หลายเดือนก่อน

      Glad I could help!

  • @gobeksalata
    @gobeksalata 2 หลายเดือนก่อน

    nice content, quick question: what extension is that in vscode you can pop-up vim like commands (q enter to close etc)

    • @sphorb
      @sphorb 2 หลายเดือนก่อน

      Thanks! It's the neovim VSCode plugin that allows you to use VIM bindings in your editor

  • @priyanshsrivastava554
    @priyanshsrivastava554 2 หลายเดือนก่อน

    what about file hosting on cloudflare using next js and speed of downloading content

    • @sphorb
      @sphorb หลายเดือนก่อน

      You can host files using Cloudflare R2

  • @samueldelmar5237
    @samueldelmar5237 2 หลายเดือนก่อน

    excellent content bro, thanks

    • @sphorb
      @sphorb หลายเดือนก่อน

      Glad you liked it!

  • @pablom8854
    @pablom8854 3 หลายเดือนก่อน

    same issue..downgraded from 21 to 20.15 (lts) but didn't work

    • @siva-gy9ks
      @siva-gy9ks หลายเดือนก่อน

      How u resolved Im also facing same issue Please share it could be very helpful for me🙏🏻

    • @pablom8854
      @pablom8854 หลายเดือนก่อน

      @@siva-gy9ks not fixed yet, you can use turbo but it's also bugged, it worked then it also bugged it self

  • @mwolf84
    @mwolf84 3 หลายเดือนก่อน

    Cloudflare is way faster than vercel. Saw a noticeable speed difference after switching.

    • @sphorb
      @sphorb หลายเดือนก่อน

      yeah everything seems super fasted when hosted on Cloudflare

  • @shahipapon833
    @shahipapon833 3 หลายเดือนก่อน

    I have never seen in my life like this tutorial. Really Its a great tutorial over the time. Thanks a lot.

    • @sphorb
      @sphorb หลายเดือนก่อน

      You're very welcome!

  • @view
    @view 3 หลายเดือนก่อน

    Wow!! So I just found your video, ranking near the top, on deploying Next.js on Cloudflare while searching "cloudflare r2 nextjs." I loved the tutorial and your other videos after noticing the quality content. I had to subscribe haha! When you mentioned creating the project for a convention you volunteer at yearly, that made me relate and after seeing "AIMS ID", it confirmed what you were talking about lol. Great feeling to discover you and your channel in such a way! Wishing you all the best and rooting for you ❤

  • @view
    @view 3 หลายเดือนก่อน

    Great video

  • @RexonLacaba
    @RexonLacaba 3 หลายเดือนก่อน

    helps a lot! thanks!

  • @claytonbennett7797
    @claytonbennett7797 3 หลายเดือนก่อน

    I'm getting some deprecation warnings, such as: npm warn deprecated uuid@3.3.2: Please upgrade to version 7 or higher I just did a fresh node install following a fresh fnm install Is this a cloudflare problem or a me problem?

    • @sphorb
      @sphorb หลายเดือนก่อน

      It has to do with one of the packages that requires uuid package. You can safely ignore it :)

  • @codewrangler
    @codewrangler 3 หลายเดือนก่อน

    Thanks! Awesome video, I deploy most of my projects on vercel and pair it with cloudflare dns. Looking forward to trying this on my next project. Have you discovered any nextjs features that you lose by deploying to cloudflare?

    • @sphorb
      @sphorb หลายเดือนก่อน

      Glad it was helpful! Didn't notice much most of the stuff just works

  • @aaronflorespasos3240
    @aaronflorespasos3240 3 หลายเดือนก่อน

    Your contet is great, my firts language is not English, so I practice and learn with interesting topics. Gracias 😁

    • @sphorb
      @sphorb 3 หลายเดือนก่อน

      Lovely comment. Thanks!

  • @ashish99311
    @ashish99311 3 หลายเดือนก่อน

    this package cloudflare/next-onpages will work with NUXT 3 pages and SSR of NUXT3?

    • @sphorb
      @sphorb 3 หลายเดือนก่อน

      For next the deployment process will be different I believe. They must have how it's done in their documentation

  • @iPuppyTech
    @iPuppyTech 3 หลายเดือนก่อน

    Dude does it support ssr?

    • @sphorb
      @sphorb หลายเดือนก่อน

      yes :)

  • @mikelCold
    @mikelCold 3 หลายเดือนก่อน

    Oh my god, this is incredible!

  • @csayantan
    @csayantan 4 หลายเดือนก่อน

    can you explain how I can deploy Angular 18 with ssr/ssg configured with xata for data retrival on Cloudflare pages ?

    • @sphorb
      @sphorb หลายเดือนก่อน

      I haven't worked much with angular but I imagine Cloudflare will have a documentation page if it is possible to deploy an angular project

  • @loopsbrother2903
    @loopsbrother2903 4 หลายเดือนก่อน

    thanks

  • @AbuAbdullah_IN
    @AbuAbdullah_IN 4 หลายเดือนก่อน

    This looks awesome. One common concern that I have heard with nextjs devs is the 10s timeout for severless functions. Will we be able to overcome the same when we deploy it on cloud flare? If yes, can u plz let us know how? Thanks in advance

    • @sphorb
      @sphorb หลายเดือนก่อน

      Yes that is not an issue unless you run long running jobs

  • @swapnilpatel3337
    @swapnilpatel3337 4 หลายเดือนก่อน

    Vercel announce Next js 15 version 😅

    • @sphorb
      @sphorb หลายเดือนก่อน

      Thankfully not much has changed haha

  • @noahperez9631
    @noahperez9631 4 หลายเดือนก่อน

    yes leave the error

    • @sphorb
      @sphorb หลายเดือนก่อน

      thanks for the feedback!

  • @aguud
    @aguud 4 หลายเดือนก่อน

    nice video

  • @ryankenzo9946
    @ryankenzo9946 4 หลายเดือนก่อน

    Cloudflare Turnstile with next js please do it

  • @ryankenzo9946
    @ryankenzo9946 4 หลายเดือนก่อน

    can you make how to enbale or config cloudflare turnstile on next js project & if possible fullstack next js project on cloudflare

  • @SystemBee
    @SystemBee 4 หลายเดือนก่อน

    It worked perfectly with your help, thank you very much