- 100
- 147 602
Bryam Loaiza
United States
เข้าร่วมเมื่อ 28 มี.ค. 2013
Join us for web development tutorials, from beginner to advanced. Learn HTML, CSS, JavaScript, React, Node.js, Python, and more. Subscribe now to get the latest videos in web development.
How to Build a Hero Section using TailwindCSS 2024
In this video, I'll show you how to build a hero section using TailwindCSS
มุมมอง: 10
วีดีโอ
How to Add Alt Text to Images in Shopify - Shopify App
มุมมอง 1128 วันที่ผ่านมา
In this video, I will show you how to add alt text to images by using the AltTextGeneratorAI Shopify App.
How to Add OpenGraph Images in NextJS - App Configuration
มุมมอง 115หลายเดือนก่อน
In this tutorial I will show you how to add OpenGraph images in NextJS - App configuration
How to Generate Alt Text for Images in your Browser
มุมมอง 162 หลายเดือนก่อน
In this video, I'll show how to use AltTextGeneratorAI Chrome extension to generate alt text for images in your browser
How to Add Alt Text to Images in Shopify using tags (Deprecated)
มุมมอง 312 หลายเดือนก่อน
How to Add Alt Text to Images in Shopify using tags (Deprecated)
How to Add Alt Text to Images in WordPress
มุมมอง 112 หลายเดือนก่อน
How to Add Alt Text to Images in WordPress
How to Add OpenGraph Images in NextJS - Pages Configuration
มุมมอง 4052 หลายเดือนก่อน
How to Add OpenGraph Images in NextJS - Pages Configuration
How to set up FileZilla to connect to WordPress site (FTP tutorial)
มุมมอง 2913 หลายเดือนก่อน
How to set up FileZilla to connect to WordPress site (FTP tutorial)
Create a professional resume using your voice and AI - ResumeBoostAI
มุมมอง 734 หลายเดือนก่อน
Create a professional resume using your voice and AI - ResumeBoostAI
How to Create a Discord Bot using Python
มุมมอง 2215 หลายเดือนก่อน
How to Create a Discord Bot using Python
ResumeBoostAI Chrome Extension - Turn your LinkedIn profile into a professional resume in minutes
มุมมอง 715 หลายเดือนก่อน
ResumeBoostAI Chrome Extension - Turn your LinkedIn profile into a professional resume in minutes
How to create API routes in NextJS (App configuration)
มุมมอง 1338 หลายเดือนก่อน
How to create API routes in NextJS (App configuration)
How to Install DaisyUI - NextJS Project
มุมมอง 1438 หลายเดือนก่อน
How to Install DaisyUI - NextJS Project
Dynamic Routes + Link in NextJS14 (App configuration)
มุมมอง 1089 หลายเดือนก่อน
Dynamic Routes Link in NextJS14 (App configuration)
How to Create a Resume using ResumeBoostAI
มุมมอง 729 หลายเดือนก่อน
How to Create a Resume using ResumeBoostAI
How to Create a NextJs app (App configuration)
มุมมอง 259 หลายเดือนก่อน
How to Create a NextJs app (App configuration)
How to Start Recording Youtube Videos Setup
มุมมอง 1510 หลายเดือนก่อน
How to Start Recording TH-cam Videos Setup
Git commands - git revert command explained
มุมมอง 80ปีที่แล้ว
Git commands - git revert command explained
Git commands - git restore command explained
มุมมอง 705ปีที่แล้ว
Git commands - git restore command explained
Git commands - git diff command explained
มุมมอง 73ปีที่แล้ว
Git commands - git diff command explained
How to push a local project onto a Github repository
มุมมอง 126ปีที่แล้ว
How to push a local project onto a Github repository
How to Install Git under 5 min - Git Beginner Series
มุมมอง 76ปีที่แล้ว
How to Install Git under 5 min - Git Beginner Series
How to do deploy an app on Vercel under 5 minutes
มุมมอง 524ปีที่แล้ว
How to do deploy an app on Vercel under 5 minutes
How to Push a Local Project to a Remote GitHub Repository
มุมมอง 193ปีที่แล้ว
How to Push a Local Project to a Remote GitHub Repository
Everything's ok but 3+2 is 576?😭
Top hallucination lol
this was exactly what i was looking for, thank you
I'm glad it helped!
Can't we use opengraph-image and twitter-image for route based OG?
Yes, you can do that too. In this one I'm just using opengraph-image to have same image for all routes, but definitely you can have different images for route based.
@@balt1794 Thanks for replying. I tested it and it is not working properly when we host outside Vercel for some reason..
@@aravindsanjeev4150 Where do you host? This might only work for Vercel because the structure and config of NextJS is built for that specifically. I used Vite as well and you do it differently there too
Meaning, the opengraph config goes in a different file
@@balt1794To be clear I was talking about opengraph-image format It was hosted on Oracle Cloud. It wasn't working inside dynamic route for some reason. Switching to use metadata api seems to have fixed it.
I didn't know the alias. It was helpful, thanks!
Awesome! glad it helped
It free to do this on Vercel?
Yes it is for the hobby plan
@@balt1794 will it affect any performance?
@@_tanzil_ What do you mean?
@@balt1794 I mean the performance of the website. Is there any difference in performance between a hobby account and paid account in Vercel?
If we use varcel, will our hosting be free forever?
It depends on usage. Mine recently passed from hobby which is basically free to pro at $20/month
what if I use vite instead creat-react-app? EDIT: main.jsx
I believe it's a bit different for Vite. I'll see if I can make a video about it
Thank you so much brother
Thanks for watching bro!
Thank you Bryam, you video did help me!
Thanks for checking it out!
Nice introduction. Thank you.
Glad you liked it! Thanks for watching
This is an incorrect usage of React Router, and it kind of misses the whole point of using React if you use <a href=""> for page navigation. The correct way is to import <Link> from "react-router-dom" and use that component for navigation.
Thanks for the feedback! Be mindful that this is an old version of React Router which use Nav.Link. Newer versions use <Link>
thnaks boss
Thanks for checking it out!
Jamas pense que iba a ver un tutorial de programacion en ingles de alguien con camiseta de la Liga. Gracias bro!
De nada bro! gracias por verlo. Yo te dare te dare Liga hermosa.... haha
How I can update the server url of an already deployed app in vercel?
What do you mean by server URL?
Thank you so much 👍🏻
Thanks for checking it out!
Does it need to be on React? Or can I try it by just linking my GitHub to AWS?
Regardless of the framework, you need to link your Github repo. It doesn't have to be React. Try linking your Github
Hello! newbie here. What should I buy in namecheap to have custom DNS?
You need to buy a domain in Namecheap or any other providers such as GoDaddy, etc. Once you do this, you can go to DNS settings on the Namecheap Dashboard. There you'll see the option to add the custom DNS servers from Vercel or any other platform you are using. In short, you need to buy a domain to start this process shown in the video.
@@balt1794 thank you so much for this great tutorial video and answering to my question. you helped me a lot
@@ismaelgaren8478 Not a problem and thanks for subscribing. You helped me in that way. Appreciate it :)
thanks brow,,you save me
Thanks for checking it out!
can you show us how to set branches? for example a testing branch and the production branch and how to work with them. For example let's say Im working on test branch, and I bring a new update. How do I make that update on the production branch and how do I see the result live in browser ?
Hey! I've never done this to be honest. I'll do some research and see if I can create a video for this. Thanks for the suggestion
awesome
Thanks!
It's free ?
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], 82 library: 'digital envelope routines', 83 reason: 'unsupported', 84 code: 'ERR_OSSL_EVP_UNSUPPORTED' 85 } 86 Node.js v18.18.2
Which version of Node are you using?
all files ok but when I try to Deployment on AWS, it fails, and fails...is there any reason? When seeing locally all was ok. Thanks
Great video, thanks!
Thanks for watching!
thanks alot bro
Thanks checking it out!
Thank you. Very helpful!
I'm glad it helped
did everything step by step and it came up with a bunch of errors for me 😢
Got errors did you get? maybe I can help
Wow, this was so much quicker and easier than I expected. Back when I was in high school and I would have to set up the DNS between namecheap/hostgator and bluehost I remember it being a pain, but this was so painless. Thanks for the video! :D
Thanks for watching the video! Appreciate it. Yes, back in the day it was a lot of work. Now it's a breeze
```ModuleNotFoundError: No module named 'dotenv' PS C:\Users\HamadaPC\Desktop\Bot Tutorial> python3 main.py Traceback (most recent call last): File "C:\Users\HamadaPC\Desktop\Bot Tutorial\main.py", line 4, in <module> ModuleNotFoundError: No module named 'dotenv'``` despite following all steps
You need to install dotenv, issue the following command: pip install python-dotenv
@@balt1794 Actually, I already had it installed It was an issue with Visual Studio as well the issue was it couldnt' detect the Environments In Visual Studio I hit Ctrl+P Searched '>Python: Select Interpreter' And then selected the 'recommedned' option aka "Python 3.12.2 ('ven'; vnev)' This fixed it since I already had python enviroment installed Thank you for responding
@@milkywayish9315 awesome! I'm glad you figured it out. Thanks for watching
Well explained, your video saved me alot of stress today thanks
Glad it helped!!
thanks
Thank you for watching!
with this method can we find the website on google ?
Easy explanation, thanks!
Thanks!
Hello Bryam, your videos have been of great help and have learnt a lot from them. While implementing the code for login and signup, I am not getting any error, but upon completion of the process and navigating to the directed page the page is inactive and I have to reload the page to be able to use the page. Can you please guide me through it. Regards
That's strange. Are you using router or navigate? NextJS changed things lately so maybe that's why. Try changing the url where you want it to go afterwards as well. I had / but maybe try a different one
@@balt1794 I know, tried it all the way, but the weird thing is, earlier I was using separate page for login/ register, then I had to click on the button twice for it to navigate, even though the authentication was done in the first time. Now using the modal format, i am navigated to the page as I see it loaded behind, but it is not responding without refreshing it from browser. Is there any way we can connect where I can share my code or screenshots of what i am facing?
@@AnmolCheema-ju8ss the problem is definitely after you sign up, so check the navigation afterwards. Just that logic.
Thank You !!! Have a question... So I cannot add a website that it's deployed by vercel itself, (just can't find any projects in the domain page) Do I need a third party domain?
It seems like they have changed things. I might have to update the video. Thanks
thanks a lot very useful!!!
Thanks for checking it out
For me get error in domain : This site can’t provide a secure connection, how so it work?
Where did you buy your domain? maybe SSL cert is the problem
simple but informative
Thanks for checking it out!
'Promo SM'
Brother I need Some Help When I try for hashlips contract NFT.REVEAL.sol There's some error (Strings) I fixed putting [import @openzeppelin/contracts/utils/Strings.sol ] But onther erro in (require _exists(tokenId), _exists is The erro
Please I need Some Help Brother
What if you want to make a vercel app become a subdirectory of a domain name already hosted on vercel
You should be able to just add the subdomain or point to that in that case
@@balt1794 doesn't work for nested folders
very helpful
Thanks for checking it out!
Hi I have a question about why everything works but I can't see any lambda function or API gateway was appear in my account
Hey ! try changing the region where the lambda is deployed on the AWS dashboard and you'll see it
Really helpful. This was drving me nuts. I appreciate the video.
Glad it was useful. Thanks for checking it out!
Thank you
No problem! glad it helped
what about a record and c name ? i saw that in other videos ..
Vercel makes it easier than that. You need to add a CNAME if you want to make one domain point to another, but you do that already on the video when setting up the domain itself (when you picked which one is prod ). For the A record you set the same thing for the domain but with IP address. No needed since you are already entering the domain name with .com. If you want to point server somewhere else, then you can do that.
Thank you. Very helpful video.
I'm glad it helped
hi can you help me? my webpage says "Index of /" instead of the project
What do you mean index of? In which part? could you give me more details?
Thank you!! Saved me lots of time and trouble
No problem! I'm glad it helped
I wanted to extend my gratitude for your hard work. Your dedication has been immensely valuable, and I truly appreciate the time you've saved me. Thank you for your efforts.
Thanks for those kinds words! Glad it helped