- 157
- 277 539
Alex Rusin
เข้าร่วมเมื่อ 21 เม.ย. 2010
🚀 Level up your coding skills with our TH-cam channel dedicated to full stack web development. Whether you're a coding newbie or a seasoned developer, our content is crafted to inspire, educate, and empower you on your web development journey.
🌐 Explore the latest trends, discover cutting-edge technologies, and master essential coding languages with our in-depth tutorials and insightful discussions. From front-end magic to back-end wizardry, we cover it all.
💻 Ready to elevate your coding skills? Join our community of passionate developers, hit subscribe, and embark on a journey to unlock the full potential of web development. Don't just code - create, innovate, and build the web of tomorrow with us!
👍 Like, share, and don't forget to ring the notification bell to stay updated on our latest web development adventures. Welcome to the coding revolution! 🌐💻 #webdevelopment #codingjourney #techinnovation #programming
🌐 Explore the latest trends, discover cutting-edge technologies, and master essential coding languages with our in-depth tutorials and insightful discussions. From front-end magic to back-end wizardry, we cover it all.
💻 Ready to elevate your coding skills? Join our community of passionate developers, hit subscribe, and embark on a journey to unlock the full potential of web development. Don't just code - create, innovate, and build the web of tomorrow with us!
👍 Like, share, and don't forget to ring the notification bell to stay updated on our latest web development adventures. Welcome to the coding revolution! 🌐💻 #webdevelopment #codingjourney #techinnovation #programming
Automate Your Dev Workflow with Git Hooks and Husky
Learn how to boost productivity and streamline your development workflow with Git Hooks and Husky.
🚀Boost your career with Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB
--------------------------------------------------------------------
🚀 Increase your Software Development Productivity with Generative AI 👉 imp.i384100.net/gObXov
--------------------------------------------------------------------
🌟Comprehensive Guide to Server-Side JavaScript Programming 👉amzn.to/3Nt6XYw
--------------------------------------------------------------------
⏱ Timestamps:
0:00 - Introduction
0:26 - Install and Initialize Husky
2:42 - Install and Configure lint-staged
5:41 - Conclusion
🔗 *GitHub Repository:* github.com/alexrusin/node-template-2024/tree/add-husky
🔔 *Don’t forget to like, subscribe, and hit the notification bell to stay updated on upcoming tutorials in this series!*
🚀Boost your career with Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB
--------------------------------------------------------------------
🚀 Increase your Software Development Productivity with Generative AI 👉 imp.i384100.net/gObXov
--------------------------------------------------------------------
🌟Comprehensive Guide to Server-Side JavaScript Programming 👉amzn.to/3Nt6XYw
--------------------------------------------------------------------
⏱ Timestamps:
0:00 - Introduction
0:26 - Install and Initialize Husky
2:42 - Install and Configure lint-staged
5:41 - Conclusion
🔗 *GitHub Repository:* github.com/alexrusin/node-template-2024/tree/add-husky
🔔 *Don’t forget to like, subscribe, and hit the notification bell to stay updated on upcoming tutorials in this series!*
มุมมอง: 63
วีดีโอ
Is Express the MISSING Piece to Your Node.js REST API Project Success?
มุมมอง 79วันที่ผ่านมา
Discover why Express is a must-have for your Node.js REST APIs. This video explores how Express simplifies routing, enhances request and response handling, serves static files effortlessly, enables easy file transfers, and seamlessly handles JSON data. 🚀Boost your career with IBM Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB 🚀 Increase your Software Development Productivity...
BUILDING a Simple Web Server with Node.js and Typescript Made EASY
มุมมอง 262วันที่ผ่านมา
Build a Node.js web server from scratch with TypeScript in this step-by-step tutorial! Learn how to set up your environment, configure TypeScript, and handle HTTP requests and responses. 🚀Boost your career with IBM Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB 🚀 Increase your Software Development Productivity with Generative AI 👉 imp.i384100.net/gObXov 🌟Comprehensive Guide ...
How to Configure Winston Logging in Node.js: Step-by-Step Tutorial
มุมมอง 28914 วันที่ผ่านมา
In this video, I’ll show you how to configure Winston-the ultimate logging library for Node.js-to make your logs clean, powerful, and easy to manage. 🚀Boost your career with IBM Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB 🚀 Increase your Software Development Productivity with Generative AI 👉 imp.i384100.net/gObXov 🌟Comprehensive Guide to Server-Side JavaScript Programming...
Protect Your AWS S3 files with Policies and ACLs!
มุมมอง 8021 วันที่ผ่านมา
In this video, we dive into the essentials of cloud security and your Amazon S3 data using bucket policies and Access Control Lists (ACLs). You'll learn how to effectively control who has access to your S3 buckets and objects, as well as the differences between policies and ACLs. 🚀 Kickstart your cloud journey with the Cloud Practitioner Essentials course on Coursera 👉 imp.i384100.net/Py1VPM Le...
You Won't Believe How Easy AWS S3 Buckets and Objects Can Be
มุมมอง 89หลายเดือนก่อน
In this video, we’ll explore cloud storage essentials of Amazon S3, focusing on buckets and objects, the core components of S3 storage. 🚀 Kickstart your cloud journey with the Cloud Practitioner Essentials course on Coursera 👉 imp.i384100.net/Py1VPM Learn best practices and design scalable solutions with this definitive guide for AWS Solutions Architects ! 👉 amzn.to/4gQ8Zzx Timestamps: 0:00 - I...
You Won't Believe How Easy Remix.js Makes React Router!
มุมมอง 308หลายเดือนก่อน
In this video, we are going to demystify React Router and explore how to configure routes in Remix.js - a JavaScript application built on top of React Router. 🚀Boost your career with IBM Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB 🚀 Increase your Software Development Productivity with Generative AI 👉 imp.i384100.net/gObXov 🌟Comprehensive Guide to Server-Side JavaScript Pr...
Revolutionize Your UI Design with shadCN and Vercel’s V0 - A Game-Changer!
มุมมอง 254หลายเดือนก่อน
In this Shadcn UI tutorial I will show you how to create great UI designs for your projects using AI chat interface with V0 by Vercel. 🚀Boost your career with IBM Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB 🚀 Increase your Software Development Productivity with Generative AI 👉 imp.i384100.net/gObXov 🌟Comprehensive Guide to Server-Side JavaScript Programming 👉amzn.to/3Nt6X...
I Mastered Node JS API Authentication in 30 Days Here's What I Learned
มุมมอง 185หลายเดือนก่อน
This mini-course shows you how to do Node.js Authentication with JWT to secure your API projects. 🚀Boost your career with IBM Full Stack Software Developer Certificate 👉 imp.i384100.net/yqR6rB 🚀 Increase your Software Development Productivity with Generative AI 👉 imp.i384100.net/gObXov 🌟Comprehensive Guide to Server-Side JavaScript Programming 👉amzn.to/3Nt6XYw ⏱ Timestamps: 0:00 - Introduction ...
What Makes JWT So Secure for Web Developers?
มุมมอง 105หลายเดือนก่อน
What Makes JWT So Secure for Web Developers?
Auth0 Express.js/Node.js: Fast and Easy API Authentication
มุมมอง 713หลายเดือนก่อน
Auth0 Express.js/Node.js: Fast and Easy API Authentication
Node JS Authentication with JWT: Secure API Access
มุมมอง 2512 หลายเดือนก่อน
Node JS Authentication with JWT: Secure API Access
The ABSOLUTE BEST Way to Seed Your Database with Prisma ORM
มุมมอง 4552 หลายเดือนก่อน
The ABSOLUTE BEST Way to Seed Your Database with Prisma ORM
Master Prisma ORM Node JS Integration: Step by Step Tutorial
มุมมอง 3932 หลายเดือนก่อน
Master Prisma ORM Node JS Integration: Step by Step Tutorial
The ABSOLUTE BEST Way to Handle Errors in EXPRESS JS
มุมมอง 1.4K2 หลายเดือนก่อน
The ABSOLUTE BEST Way to Handle Errors in EXPRESS JS
Complete WordPress Setup on AWS EC2 with S3 Backup & Media Offloading
มุมมอง 1482 หลายเดือนก่อน
Complete WordPress Setup on AWS EC2 with S3 Backup & Media Offloading
Express JS Router Tutorial: Modular Routing
มุมมอง 2242 หลายเดือนก่อน
Express JS Router Tutorial: Modular Routing
STOP Wasting Storage Space! 3 Simple Steps to Offload WordPress Media
มุมมอง 1483 หลายเดือนก่อน
STOP Wasting Storage Space! 3 Simple Steps to Offload WordPress Media
Learn Express.js Version 5: Key Features & Updates
มุมมอง 5383 หลายเดือนก่อน
Learn Express.js Version 5: Key Features & Updates
Express JS Env Variables: Essential Setup & Best Practices
มุมมอง 3483 หลายเดือนก่อน
Express JS Env Variables: Essential Setup & Best Practices
Express JS Tutorial: Project Set Up and Scaffolding
มุมมอง 2913 หลายเดือนก่อน
Express JS Tutorial: Project Set Up and Scaffolding
STOP Losing Your WordPress Website Data FOREVER!
มุมมอง 323 หลายเดือนก่อน
STOP Losing Your WordPress Website Data FOREVER!
Amazon EC2 Secrets Revealed for WordPress Website Administration
มุมมอง 193 หลายเดือนก่อน
Amazon EC2 Secrets Revealed for WordPress Website Administration
The FASTEST Way to Set Up WordPress Hosting on Amazon EC2
มุมมอง 1223 หลายเดือนก่อน
The FASTEST Way to Set Up WordPress Hosting on Amazon EC2
I Use THESE AWS Services Every Day for Cloud Projects!
มุมมอง 1523 หลายเดือนก่อน
I Use THESE AWS Services Every Day for Cloud Projects!
From Zero to Cloud: Your First AWS Deployment with Amazon ECS
มุมมอง 1614 หลายเดือนก่อน
From Zero to Cloud: Your First AWS Deployment with Amazon ECS
Push and Pull Docker Images on Amazon ECR
มุมมอง 1934 หลายเดือนก่อน
Push and Pull Docker Images on Amazon ECR
Understanding AWS IAM Policies and Permissions
มุมมอง 3634 หลายเดือนก่อน
Understanding AWS IAM Policies and Permissions
Master AWS Roles: What Every Cloud Developer Needs to Know
มุมมอง 574 หลายเดือนก่อน
Master AWS Roles: What Every Cloud Developer Needs to Know
Thanks!
Welcome!
made my day looking exactly for this. thanks
You are welcome. Glad was able to help.
Yes, that helped a lot. Thanks for the video.👏
Glad it helped!
Thank you!
You're welcome!
Thanks you Alex. Please how to add social sign Up or Sign In
You are welcome. Social signups video is still in the works.
Great Explanation 👍
Glad it was helpful!
Great video!
Glad you enjoyed it
Hello Alex, I am seeing the following error on successful login: Unable to get user session following successful sign-in. How can it be resolved?
Hi. That is interesting. I haven't had this issue before. Maybe something to do with the cookie. What browser are you using? Try using Chrome.
@@alexrusin this is happening in safari as well as chrome
Dude, the effect of your voice is getting on my nerves, but I can't find any other documentation from you. I'll have to listen to your horrible voice until someone else does.
Well, you can't always get what you want. I do have a blog, but AI is killing the whole blog thing because it just summarizes stuff when you google it. So, I'm going all in with the videos. Sorry you have to suffer my voice.
Hey alex you're doing great. Thanks a lot for this video could you plz suggest how to config sequelize with ts actually i use sequelize cli but it generates js files not cs how to configure it to generate ts files? If possible plz make one video.
Hi. I appreciate it. You can check out this video on how to configure Sequelize with Typescript. Hope this helps. th-cam.com/video/DPwmhhxlrzY/w-d-xo.html
Awesome content!!
Appreciate it!
There is error while runing the code ./node_modules/@aws-amplify/adapter-nextjs/dist/esm/createServerRunner.mjs Attempted import error: 'parseAmplifyConfig' is not exported from '@aws-amplify/core/internals/utils' (imported as 'parseAmplifyConfig')
That is interesting. I'm going to look at it. You pulled the correct branch, right?
@@alexrusin Now I am getting another issue. Client ****** is configured with secret but SECRET_HASH was not received
Great video. You sound like a helpful robot
Lol, you're not that far off. 😅
Great Video Sir🔥 Waiting for Elastic Beanstalk full video.
Thank you. Sorry, you will have to wait. I'm working on Express API tutorial videos. I will, probably, do a video on how to deploy an API to elastic beanstalk.
very nice
Thank you!
Hey Alex! Thanks a lot for the video. Few questions here: 1) Why don't you go with Lighsail? It's intended to be a better solution for WP. The nature of the question is how it's different from the raw EC2 node. 2) When you've been creating Security Group, minute of 6, about SSH. You've added a network of us-east-1. Is there a way to supply all networks all together, assuming that you would like an instance to be available via SSH from all Amazon data centers? Thanks
You are welcome. 1. Deploying WP on EC2 instance seemed more interesting at the time. You can learn what's going on under the hood. Lightsail is good as well. The only problem with LightSail that it seems to be less flexible. Also configuring EC2 instance for web hosting from scratch covers a lot of AWS concepts. For example, your second question is about security groups and regions. This is an important concept. 2. The ssh rule is configured for InstanceConnect. Your instance can only be in one region. In my case it is us-east-1. When you do InstanceConnect, you have to select the instance. In order to select the instance, you have to be in the instance's region. If you are in a different region, you won't be able to see the instance. Since my instance is us-east-1 region, naturally I'm connecting to it from another AWS server, which AWS provides on the fly in the same region (you cant' just ssh from nothing). Therefore used us-east-1 CIDR for my security group rule. This way the instance that AWS provided on the fly can connect to my instance. You can technically add multiple security group rules with different CIDRs of in different region, or add multiple CIDRs to one rule, however it won't make much sense because of my explanation above.
Why do we need dashboard.projects.tsx to just hold an outlet? 6:38 Why can’t I create only a dashboard.projects._index.tsx since it will match to the /dashboard/projects URL?
You mainly need dashboard.projects.tsx if you want to have a common layout for dashboard projects. If you don't wish to have it, you can just skip it and create only dashboard.projects._index.tsx as you are suggesting.
Its very helpful video. Thanks ❤
You are welcome!
Please make video on Elastic Beanstalk.😊
That is a great idea. I will look into making a video on it.
I asked to ChatGPT what's new in Express version 5. It searches on the web and recommend your video.
1:08 "Perforomance" :)
Lol 😂
Can you please make a video about Composable content? How do you build that? A small demo will be best.
Check out this video: th-cam.com/video/9NjVgbHQ7zw/w-d-xo.html I think it should give you a good idea on how to do composable content. You normally create content models. Those models get composed, and then you just add content to those models.
@@alexrusin Thank You
Did you manage to make on demand redis assertions as well? Trying to cache images on demand but havent found a way yet.
I don't think you can do on demand redis assertions in the context of Nex.js (at least the way it uses the cache). You can cache images by "asking" user's browser to do it by sending Cache-Control headers. This will cache images for a "single" user. If you have a CDN that serves the images, they can be cached there. This will work for "all" users.
Here in SPA i want to use the api call and in the vite.config.ts I am giving the proxy url. Now when I am generating build the api in frontend giving html page as response without hitting server.
Sorry, but I'm not sure I understand a question.
@@alexrusin 1. When I run the client using `npx sirv-cli build/client/ --single`, and try to make an API request, I’m getting an HTML page as the response instead of the expected API data. 2. However, when I run `npm run preview`, everything works fine, and I get the correct API response. I’ve checked the proxy configuration in `vite.config.ts` and everything seems to be pointing to the right endpoint, but I still get the HTML page in the development environment. And also I am using remix as client side not ssr.
I think I liked the routes in Remix v1 better, where the layout files were a combination of file name and folder.
I agree. I like folder system better. The combination of a file name and folder wasn't such a bad idea. The only problem was that folders were on top and layout files on the bottom having bunch of routes between them.
@@alexrusin You're right, the downside is that the folder corresponding to the file (same name) would be visually separated if you had many files. It's inconvenient to look for the references.
I am tired and don't want to touch it anymore. I still have 89USD in OKX wallet but I am too lazy to withdraw it. Here is the mnemonic of OKX wallet ({pride} {pole} {obtain} {together} {second} {when} {future} {mask} {review} {nature} {potato} {bulb}, for all the friends who are lucky enough to get it.
Sound is a little wavy. Also visuals aren't optimized for vertical screen.
That's what you call recycling ;-)
@@alexrusin Nah that's what you call low effort
Thanks brother
No problem
Thank you very much but I have a question, if i have an asset file like a text file and i wanted to read it using readFileSync, i will pass the file path argument this may work but this path will be relative to the ts file and if i build the project the transpiled js files won't find it, what am i to do ?
You are welcome. For relative path you need to use pathresolve with __dirname. Check out this article ultimatecourses.com/blog/relative-paths-with-node-readfilesync
You're doing a fantastic job! Could you help me with something unrelated: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). What's the best way to send them to Binance?
Thank you! Unfortunately, I won't be able to help you. I haven't done binance at all. I should look into it, though.
Thanks for the great setup for working with Prisma! One issue I've had with Prisma is that when I update the schema by adding a NOT NULL column and then run npm run prisma migrate dev, it asks me to delete all data before applying the changes. Does this approach help work around that problem?
You are welcome. Prisma migrations behave a bit interesting. That is why I like to use --create-only flag. After migration is created I review the MySQL code and adjust. In your case you can check what exactly Prisma is doing in MySQL migration file. Simply adding a not null column should not make you delete all the existing data. Be sure the MySQL is correct, if not, you can update MySQL code to the way you like it (I usually change order of the columns when I add an extra column, because Prisama puts new columns at the end). After then you can just run npx prisma migrate deploy.
Great walkthrough! 🙌 Setting up WordPress media offloading to Amazon S3 is an excellent strategy for optimizing performance and freeing up server resources. Using IAM roles and EC2 integration simplifies the setup and keeps everything secure. It's great to see plugins that streamline this process; tools like Next3 Offload also provide similar functionalities, enabling media offloading and integration with S3-compatible storage providers, which can further enhance scalability and site performance. I am looking forward to more AWS and WordPress integration tutorials!
I am glad you found the video helpful. I'm going to look into Next3 Offload.
thxx !!
You are welcome!
Thank you soo much brother.
You are most welcome
Large fonts please!
Now cognito has a new interface and i cant find a way to creare a appclient without generating a client secret? can you help me out please?
If someone else is having this issue you have to select SPA instead of Traditional Web Application. Client Secret is only for backend
Please record something on how to also include husky to the setup since all the tools usually go together. And there is really no tutorial on that (especially after the eslint recent update)
I actually have a video on husky setup: th-cam.com/video/Bmffw9Xt5D0/w-d-xo.html However, I have been using GitHub actions instead: th-cam.com/video/r6JFvfsuhIU/w-d-xo.html
Thank you. However, I am having trouble rendering the dynamic route for, say, a blog. I have `blog/route.tsx` and `blog.$postId/route.tsx`. When I access `blog/snvsjjd`, the URL changes, but it doesn't navigate anywhere. This is frustrating because I haven't found a solution or figured out what I am doing wrong. Thank you in advance.
Interesting. I haven't worked with Remix for a while. What does `blog/route.tsx` doing? Is it fetching and displaying all blog posts? If you need more help you can post a link to the GitHub repo. I can take a look at it.
Thank you so much!:)
You're welcome!
Alex, do you by any chance have a tutorial for this Web app you built with remix? Thanks for the explanation!
You are welcome. Unfortunately I do not. However, you can check this repo: github.com/alexrusin/remix-practice
You're a legend! Thanks so much for this tutorial, it was incredibly helpful and saved me so much time!
You're welcome! Glad it was helpful.
Hi Alex, please could you show us how to set up .npmrc file create your own npm package registry with github actions and use in another project.
I have a similar video on creating npm packages. It uses turborepo: th-cam.com/video/SGSCAHVKqmc/w-d-xo.html
put the link to the previous video you mentioned around the 3 minute time
It pops up as a card in the upper right corner. If you can't see it, please open the description. It will be at the very bottom. You may also want to watch the full video: th-cam.com/video/GTDYsV5pyZU/w-d-xo.html Use the chapters to navigate.
Thanks for the explanation with the example.
You are welcome!
"Thanks for the great tips! If you're looking to offload media and save space effortlessly, plugins like Next3 Offload can really help improve your site's performance."
thank you
You're welcome
Thanks bro. What about the path aliases?
No problem. I normally don't use them if I code an app from scratch. But if I code in a framework such as Next, or Remix I usually opt into path aliases. I think it may be a good idea to create a video about path aliases.
Keep up ur legend
Thank you. Appreciate it!
You are the best!!!
Thank you!