- Видео 117
- Просмотров 285 332
Consulting Ninja
США
Добавлен 29 окт 2022
I am here to help as MANY others as possible with web development, software development, and consulting related obstacles and issues. I love development, technology, consulting and want to build a positive community of developers (front, back , middle, scripts, everyone!) and tech lovers helping each other and building each other up to become better! I hope to see you soon!
My channel membership is live now you can check that out here:
ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin
I hope to see you in one of my live stream meet ups!
* FYI * No StackOverflow behavior will be tolerated in my channel. Give positive advice and clear feedback without talking down to those that don't know please.
My channel membership is live now you can check that out here:
ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin
I hope to see you in one of my live stream meet ups!
* FYI * No StackOverflow behavior will be tolerated in my channel. Give positive advice and clear feedback without talking down to those that don't know please.
LLM Training Data Creator With SvelteKit, Fly.io, Tigris and Openai
This is another great app that you gotta check out. This video shows a dashboard app for creating language model training data for either training or fine tuning a language model. I show how I set up the creation of trainings using gpt 3.5 and the extra messages (aka shortcut fine tune) to achieve great results without having to fully train your own model. I also show how to save the trainings into a storage bucket from Tigris so that you can access them when needing to train your model! Definitely want to check this one out! I hope you find this helpful!
Fly.io + Tigris CRUD app Video:
ruclips.net/video/Atqp8jaxWwM/видео.html
Fly.io Overview Video:
ruclips.net/video/HGKO4FC_C70/видео.html
Sou...
Fly.io + Tigris CRUD app Video:
ruclips.net/video/Atqp8jaxWwM/видео.html
Fly.io Overview Video:
ruclips.net/video/HGKO4FC_C70/видео.html
Sou...
Просмотров: 396
Видео
Fly.io and Tigris Object Storage CRUD APP
Просмотров 4459 месяцев назад
This was so much fun and can't wait to release the next video in this mini series! In this video I show a CRUD example application that I put together to showcase using a Tigris storage bucket instead of a traditional database. I show the setup (which is minimal) and also each data operation route. Definitely check out Fly.io and Tigris if you haven't heard of them! I hope you find this helpful...
OAuth2 JWT Tokens: How to Open Tokens / What is inside
Просмотров 2 тыс.11 месяцев назад
"🚀 Dive into the world of Google OAuth2 Tokens with my latest video! Join me as I break down opening OAuth2, explore JSON Web Token format. 🔐 Security is cool, and we've got the best practices to prove it! 🚨 Stay tuned for a hands-on walkthrough, code examples, and a dive into the Google OAuth2 tokens. Embrace the future of web development with OAuth2. 🌟 Ready to become a coding maestro? Hit p...
Astro (overview): The Next-Generation Web Framework for Modern Developers
Просмотров 1,1 тыс.Год назад
Tired of slow-loading web apps and bloated frameworks? Astro is the revolutionary web framework that's changing the way we build websites. In this video, you'll learn how Astro's unique approach to JavaScript and components can help you create blazing-fast, modular, and future-proof web experiences.
Best Web Frameworks of 2023
Просмотров 1,6 тыс.Год назад
🚀 Dive into the future of web development with my guide to the Best Web Frameworks of 2023! 🌐💡 Whether you're a coding pro or just starting, join me on a journey through the coolest, fastest, and most user-friendly frameworks that are redefining the digital landscape. From sleek front-end magic to robust back-end powerhouses, I've got the tools you need to level up your coding game. 🚨 Don't mis...
POSTGRES CRUD with Vercel / SvelteKit , basic data operations with Vercels new serverless db!
Просмотров 1,6 тыс.Год назад
Vercel just added serverless Postgres SQL to their platform. This video I make a Postgres CRUD app with SvelteKit and Vercel! I focus on the interactions with postgres. There is one route for data operation. I had fun building this and I hope you find it helpful. Check it out and have fun! My channel membership is live check it out here!: ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin Vercel'...
Why you should use AI during development
Просмотров 202Год назад
This was fun to put together! This a brief overview of some pros of using AI in your development. I was a reluctant adopter of AI in my development initially, but after testing out co-pilot, I purchased a license and will continue to test and adopt AI tools in my workflow. I hope you like this one! My channel membership is live check it out here!: ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoi...
Do you know these things about Javascript DataTypes?
Просмотров 231Год назад
This was fun to put together! You can never go over Javascript data type information enough. This a brief overview of some pros and cons of each data type. I hope you like this one! My channel membership is live check it out here!: ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin Need help? visit www.consultingninja.tech Check out my channel @ConsultingNinja for more videos like these.
First look at ISR with Vercel / SvelteKit
Просмотров 978Год назад
Vercel just added major features to their SvelteKit deployments. In this video I setup a very simple app to use ISR and play around with and test it out. I hope you find this video helpful! My channel membership is live check it out here!: ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin Membership perk video: ruclips.net/video/FJgKifAThdU/видео.html Need help? visit www.consultingninja.tech Ch...
The ChatGPT 4 API is live & other openAI changes you should know
Просмотров 527Год назад
This is an update on the availability of the new chatGPT 4 API. I also talk about all the changes openAI has announced recently. Changes to their chat completions api, changes to models, deprecations and more. I hope you find this helpful. My channel membership is live check it out here!: ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin Membership perk video: ruclips.net/video/FJgKifAThdU/видео...
PocketBase hooks overview!
Просмотров 4,5 тыс.Год назад
This is part 7 of a series on PocketBase. I show what hooks look like for PocketBase, what they give you access to and how to implement them. This was really fun! I hope that you find this helpful! My channel membership is live check it out here!: ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin Membership perk video: ruclips.net/video/FJgKifAThdU/видео.html Need help? visit www.consultingninja...
Vercel / SvelteKit updates that will make your life so easy
Просмотров 2,6 тыс.Год назад
Vercel just added major features to their SvelteKit deployments. These are seriously incredible. I am so excited to start building these into my apps. Check them out and have fun! My channel membership is live check it out here!: ruclips.net/channel/UCwPrPv9eS7Xgfp_wi7uxt0gjoin Membership perk video: ruclips.net/video/FJgKifAThdU/видео.html Need help? visit www.consultingninja.tech Check out my...
User Authentication with Pocketbase and SvelteKit | Full Auth Solution
Просмотров 4,2 тыс.Год назад
This is part 6 in the PocketBase series. In this video I show how to implement user authentication using PocketBase and SvelteKit. This is a full authentication solution. I first show how to register a user. Then we setup our hooks.server file to keep our authentication up to date and send user information to all our routes through locals using ( PocketBases built in methods exportToCookie, loa...
Add these lines to your SvelteKit Pocketbase app today! | Increase security!
Просмотров 1,7 тыс.Год назад
This is part 5 in the PocketBase series. In this video I show how to increase the security of your SvelteKit / Pocketbase app by using a one way hash. I show the plain text password being sent by the pocketbase sdk and then I show you how to use a one way hash to hide the password from bad actors. This was yet another really cool one! I hope that you find this helpful! Be sure you add the same ...
I launched a chatbot with my channel membership! | Memberships how to
Просмотров 110Год назад
I launched a chatbot with my channel membership! | Memberships how to
Svelte 4 is here | why you should update it now!
Просмотров 2,3 тыс.Год назад
Svelte 4 is here | why you should update it now!
Improve the UX AND DX of your SvelteKit forms SUPER EASY!
Просмотров 1,5 тыс.Год назад
Improve the UX AND DX of your SvelteKit forms SUPER EASY!
My channel was monetized! Requirements and channel update
Просмотров 193Год назад
My channel was monetized! Requirements and channel update
Login / Signup / SignIn with Google GSI | OAuth2.0
Просмотров 3,4 тыс.Год назад
Login / Signup / SignIn with Google GSI | OAuth2.0
Realtime Data Subscriptions with PocketBase and SvelteKit!
Просмотров 3,8 тыс.Год назад
Realtime Data Subscriptions with PocketBase and SvelteKit!
Stop using Hooks For Clients | Use $lib for Efficiency! | Best place for your Clients!
Просмотров 849Год назад
Stop using Hooks For Clients | Use $lib for Efficiency! | Best place for your Clients!
Vite Security Alert | npm package check and update
Просмотров 666Год назад
Vite Security Alert | npm package check and update
Login / Signup / SignIn with Google | OAuth2.0 | Using React and Express JS
Просмотров 43 тыс.Год назад
Login / Signup / SignIn with Google | OAuth2.0 | Using React and Express JS
Sign Up / In with Google! | SvelteKit OAuth 2.0
Просмотров 6 тыс.Год назад
Sign Up / In with Google! | SvelteKit OAuth 2.0
OAuth2 using Google, PocketBase, and SvelteKit
Просмотров 8 тыс.Год назад
OAuth2 using Google, PocketBase, and SvelteKit
Create a CRUD App with PocketBase and SvelteKit!
Просмотров 11 тыс.Год назад
Create a CRUD App with PocketBase and SvelteKit!
PocketBase | what it is | how to run it | dashboard overview & mini project!
Просмотров 13 тыс.Год назад
PocketBase | what it is | how to run it | dashboard overview & mini project!
Create a Wizard Component! | Multiple Step Form in Svelte | SvelteKit
Просмотров 2,7 тыс.Год назад
Create a Wizard Component! | Multiple Step Form in Svelte | SvelteKit
Deploying an App to Fly.io | SvelteKit example app Dockerize and launch!
Просмотров 16 тыс.Год назад
Deploying an App to Fly.io | SvelteKit example app Dockerize and launch!
Why you shouldn't save files to your DB and what to do instead!
Просмотров 1,7 тыс.Год назад
Why you shouldn't save files to your DB and what to do instead!
So Sveltekit does not offer client-side route protection for nested routes. Only server-side.
20:15 |
This is the content I have desired. Thank you
hello, I followed the tutorial but the payload I get does not include the email, do you know why ? I have email and everything in the scopes I ticked the first 3 as you did in the previous tutorial
I fixed it, you need to include email in the scopes, in your tutorial you only included profile and openid const authorizeUrl = oAuth2Client.generateAuthUrl({ access_type: "offline", scope: ["profile", "email"], prompt: "consent", });
why are you making a new client for every request instead of just making a connection from the server and then wire everything through it ?
does Dockerfile has to be the same path with .dockerignore?
Popup never comes unless i use useGoogleLogin
Alligator Brackets
Will this series ever be finished?
I have a problem, in the backend once I get the access token how do I return it to the front (since the request to the back is made by "google" so that the back exchanges the code for the tokens, I have no way to "send" the access token to the front before doing the redirection with: res. redirect (303, "localhost:5173/");) so that later the front in each request that it makes to the back includes the access token that the back previously set
I have a problem, in the backend once I get the access token how do I return it to the front (since the request to the back is made by "google" so that the back exchanges the code for the tokens, I have no way to "send" the access token to the front before doing the redirection with: res. redirect (303, "localhost:5173/");) so that later the front in each request that it makes to the back includes the access token that the back previously set
More svelte thx
I like your video. It was informative to see how you implemented the solution. Have you considered implementing this without JavaScript? I found that using the svelte fail function from the server actions basically allows me to redirect form data back to a form from the server with additional data. For example, the form starts with one team, but when the user clicks to add a team, the form is submitted with a query of team count +1. The server sees the team count, then returns fail(409, …formData, team count: 2)… on the form, you just have an each block for teams to loop over the number of team forms. It basically adds the additional team for, and will gracefully fail if JS is not enabled. You just include use:enhance on the form. I have found it to be a good way to maintain server-side validations and form responsiveness on multipart forms. On item id’s, just use the each index to differentiate input groups.
The video was very helpful. I have noticed that you used express but seems like you have used a boilerplate that already had cors and other staff setup for you already, if soo can you please the name of it soo that i also look into it?
How can Google access the 'localhost' domain on your computer?
That was a good video, thanks!
It was a great tutorial thanks
cool vid, but slugs are molluscs
Wow so easy. Thanks
Thanks man! You gave me hope for tomorrow, to fix OAuth2 flow in my project :)
why wouldn't we need the csrf verification when we go the js callback route that give us the credentials? How is the csrf taken care of then?
I have a WARM "WARN DNS checks failed" :(
Hi! Just in case you read this, can you help me? I added a catch (error) to the +page.server.ts of the login page, and whenever I try logging in, I get that error message. Not really sure what's going wrong. Link to repo: github.com/jay-marvel/website
its actually not clean coded in my opinion
Update : In getUserData function in the url add "=" after access_token Eg: /userinfo?access_token=${access_token} Don't know if anyone else faceed this problem, but in my case i required this modification.
Thank you so much
why is it borderline impossible to send the token in a cookie to the frontend? im so close to breaking my laptop rn
on the video min 5.25 , you cant set cookie on a cross origin basis. ive once tried, and it worked, but it is buggy and requires a bit of tinkering on the backend side
@@rezhabahari what exactly did you do to fix it? can you walk me through it?
@@abdiastar6451 app.set("trust proxy", 1); Mind you, It was buggy
Does this apply to sveltekit 5, and as well. How do you save it and maintain the same operation after "build" especially when its on a server like vercel.
Sveltekit should run in a protected environment with ssl and the connection with pocketbase also with ssl, pocketbase already does the job for hashing the password. So this is adding unnecessary complexity. Nowadays you can’t run websites without ssl 🤷🏻♂️
How can i fetch users data after they have logged in, in my react app?
great video, but how i can send a json response with the user on front end if i'm redirecting in oauth get route?
The reloads all 200 records each time a single record is added..
Can you please comment on the security of this approach. Is this setup not vulnerable for CSFR?
i watched the previous oauth google + sveltekit tutorial and now this one. thanks, but you kind of skipped over where you got the JWT key and installing jsonwebtoken.
Email verification is incomplete without FilterBounce. Their API for contact form verification is a lifesaver. Trust me, you would not be disappointed with the accuracy!
I was blown away by the accuracy of FilterBounce compared to other email verification tools. My email marketing efforts have been elevated since using FilterBounce. Try it out now!
Stop wasting leads with unreliable email verification tools. FilterBounce is the real deal - accurate, affordable, and easy to use. Give it a try and see the difference!
I used to struggle with inaccurate email verification tools until I discovered FilterBounce. Now my bounce rate is under 1% and my email reputation is pristine. cannot recommend it enough!
Started with FilterBounce is free plan and was amazed by the accuracy and efficiency. Now I use their API for all my contact form verifications. FilterBounce is truly a cut above the rest!
What about github oauth ? Can you make a video about that one ?
Hey I have implemented google auth using passportjs. Now, locally it's working fine, but after I deployed it to vercel, then ven though consent screen is shown, I am not getting back the cookie, and therefore use is not getting authenticated. Please tell me what could I be doing wrong. I am stuck on this for more than two days.
If you are hosting client and server with different domains, the cookies won't work as you can't exchange cookies cross domain. I am having the same problem.
@@ismaelpaul367 hey I got the solution. You just need to add this line to your code to make it work. app.enable("trust proxy")
I prefer svelte-routing. SvelteKit doesn't make sense
What cookie library did you use? I tried with cookie-parser but they were never sent to my client side :( I don't know why
im having the same issue, cookies are not getting sent to my frontend either
@@abdiastar6451 I didn't resolve my problem at that time, but I researched it, and the frontend and backend must be hosted on the same domain. Sorry for my English.
I can totally agree, google's documentation is the worst!
i got those info , but since im in a redirect url , how am i suppose to set cookie inside browser , i got stuck there , i cannot send those info or token in front , i saved it in data base , but again i don't have a unique identifier to find that user , i just stuck with those info in redirect url , two days and i haven't find a solution ,
send your github url
Not Svelte! Is Sveltkit !
Camelcase for variables, lowercase for form values, but that's just me. Almost a year old and this is still the best SvelteKit JWT tut on youtube, along with the Authentication video. Just stopping by for a refresher. Thanks!
Thank you for the insightful video. I have a query regarding the implementation of complete authentication, this is for both sign-in and sign-up functionalities. What steps should I take after this? Should I opt for JWT implementation, utilize sessions, or consider other options?
why when i logout and login again and it get 500 error code? tysm
Thanks for the video. Once the authentication is successful, google redirects the flow back to the application with the 'signin-google' route.But im getting 500 Internal Server error and the request fails every time.
Did you do successfully this task