James Q Quick
James Q Quick
  • 732
  • 17 162 213
Astro Fixed Environment Variables!!
Never struggle with environment variables again!
Astro 4.10 Variables - astro.build/blog/astro-4100/#experimental-astroenv
**Newsletter**
Newsletter 🗞 - www.jamesqquick.com/newsletter
**DISCORD**
Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU
Follow me on Twitter 🐦 - jamesqquick
Check out the Podcast - compressed.fm/
Courses - jamesqquick.com/courses
**QUESTIONS ABOUT MY SETUP**
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. www.jamesqquick.com/uses
Переглядів: 1 554

Відео

Should You Avoid Netlify, Vercel, and Cloudflare? (Quick Reaction)
Переглядів 4,7 тис.День тому
Should you be managing your own hosting instead of using hosting providers like Netlify, Vercel, an Cloudflare? I think not but this article suggests you should. The Challenge with Netlify, Vercel, and Cloudflare by Chris Ferdinand - gomakethings.com/the-challenge-with-netlify-vercel-cloudflare-and-so-on/ Newsletter Newsletter 🗞 - www.jamesqquick.com/newsletter DISCORD Join the Learn Build Teac...
Deploying Next.js To AWS Just Got MUCH BETTER!
Переглядів 3,6 тис.2 дні тому
Check out AWS Amplify - docs.amplify.aws/nextjs/start/quickstart/?trk=2adeabb9-e009-42c6-a765-bb106ee4807c&sc_channel=sm Let's try AWS Amplify Gen 2 by deploying a Next.js app. Newsletter Newsletter 🗞 - www.jamesqquick.com/newsletter DISCORD Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU Follow me on Twitter 🐦 - jamesqquick Check out the Podcast - compressed.fm/ Co...
Astro Launches Actions Similar like Next.js ("Quick" Reaction)
Переглядів 2,7 тис.21 день тому
Is Astro becoming more of a Next.js competitor? Astro just released actions similar to what Next.js offers. Let's take a quick look. Astro 4.8 Announcement - astro.build/blog/astro-480/#experimental-astro-actions Astro Server Actions Proposal - github.com/withastro/roadmap/blob/actions/proposals/0046-actions.md Astro Actions with Vanilla JS from Chris Pennington - github.com/coding-in-public/as...
5 Things You DIDN'T KNOW Postman Could Do!
Переглядів 2,2 тис.Місяць тому
I didn't know about any of these #postman features until recently! Postman 11 Release Notes - www.postman.com/release-notes/postman-app/ *Thanks to Postman for sponsoring my time! Newsletter Newsletter 🗞 - www.jamesqquick.com/newsletter DISCORD Join the Learn Build Teach Discord Server 💬 - discord.gg/vM2bagU Follow me on Twitter 🐦 - jamesqquick Check out the Podcast - compressed.fm/...
HTMX and Astro Are An Amazing Combo!
Переглядів 7 тис.2 місяці тому
HTMX and Astro Are An Amazing Combo!
Next.js Protected Routes: Require User Profiles with Kinde (EASY!)
Переглядів 2,4 тис.2 місяці тому
Next.js Protected Routes: Require User Profiles with Kinde (EASY!)
DON'T Make This Mistake with Next.js Server Components (BAD performance!)
Переглядів 12 тис.2 місяці тому
DON'T Make This Mistake with Next.js Server Components (BAD performance!)
Astro DB Setup and Demo (super easy!)
Переглядів 3 тис.2 місяці тому
Astro DB Setup and Demo (super easy!)
Google's New Core Web Vital (INP) Explained in 5 Minutes
Переглядів 3,6 тис.2 місяці тому
Google's New Core Web Vital (INP) Explained in 5 Minutes
My Favorite Database Just Got A LOT BETTER!
Переглядів 4 тис.2 місяці тому
My Favorite Database Just Got A LOT BETTER!
JavaScript Error Handling: 5 Things You Aren’t Thinking About!
Переглядів 15 тис.2 місяці тому
JavaScript Error Handling: 5 Things You Aren’t Thinking About!
I Didn't Know Next.js Server Actions Could Do This!
Переглядів 4,1 тис.3 місяці тому
I Didn't Know Next.js Server Actions Could Do This!
The BEST Way to Refactor in VS Code #vscode
Переглядів 3,6 тис.3 місяці тому
The BEST Way to Refactor in VS Code #vscode
Code Review with a Jr JavaScript Developer - Here's What I Found!
Переглядів 4,4 тис.3 місяці тому
Code Review with a Jr JavaScript Developer - Here's What I Found!
Astro DB Is FINALLY HERE! (and it's awesome!)
Переглядів 9 тис.3 місяці тому
Astro DB Is FINALLY HERE! (and it's awesome!)
DON'T Make This Tailwind Mistake! (easy fix)
Переглядів 7 тис.3 місяці тому
DON'T Make This Tailwind Mistake! (easy fix)
DON'T USE Environment Variables Without This
Переглядів 20 тис.3 місяці тому
DON'T USE Environment Variables Without This
The TRUTH About TypeScript Enums
Переглядів 5 тис.3 місяці тому
The TRUTH About TypeScript Enums
I Got Called Out...And HE WAS RIGHT!
Переглядів 1,9 тис.3 місяці тому
I Got Called Out...And HE WAS RIGHT!
10 JavaScript Interview Questions You HAVE TO KNOW
Переглядів 45 тис.4 місяці тому
10 JavaScript Interview Questions You HAVE TO KNOW
2024 Web Development Predictions
Переглядів 3,5 тис.4 місяці тому
2024 Web Development Predictions
I Found a BETTER Way to Do File Uploads
Переглядів 14 тис.4 місяці тому
I Found a BETTER Way to Do File Uploads
Don't Make This Data Fetching Mistake In React!
Переглядів 2,6 тис.4 місяці тому
Don't Make This Data Fetching Mistake In React!
Stop Using JavaScript Fetch - Do This Instead!
Переглядів 13 тис.5 місяців тому
Stop Using JavaScript Fetch - Do This Instead!
Access Localhost ANYWHERE With This New Astro Integration
Переглядів 4 тис.5 місяців тому
Access Localhost ANYWHERE With This New Astro Integration
This IMMEDIATELY Changes How We Debug Fullstack Applications!
Переглядів 13 тис.5 місяців тому
This IMMEDIATELY Changes How We Debug Fullstack Applications!
ESSENTIAL JavaScript Extensions for VS Code in 2024
Переглядів 29 тис.5 місяців тому
ESSENTIAL JavaScript Extensions for VS Code in 2024
This Ridiculous Bug Cost Me Thousands of Dollars!!
Переглядів 11 тис.5 місяців тому
This Ridiculous Bug Cost Me Thousands of Dollars!!
STOP Using JavaScript For These 5 Things!
Переглядів 17 тис.5 місяців тому
STOP Using JavaScript For These 5 Things!

КОМЕНТАРІ

  • @mrstiflor6744
    @mrstiflor6744 19 годин тому

    Yall should learn a typed language before learning js

  • @gonzalooviedo5435
    @gonzalooviedo5435 День тому

    Daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaamn, another video that does not explain how to mix your domain with the .dev cloudflare page, JESUS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @goummoboris5194
    @goummoboris5194 День тому

    Hi James. Lovely 3 years old tutorial. Coming back to the togglemethod in our store. Is there a way to pass in directly the todo object and mutate its selscted attribute directly ? Hoping that we donot traverse through the whole store.

  • @seesmof
    @seesmof День тому

    GOD bless, get saved from hell: repent of your sins and put your faith in the Lord Jesus Christ ✝💓

  • @Pathfindersdomain
    @Pathfindersdomain День тому

    So, when a user visits the website, all you need is their email to sign in, they then get an email with a link with the token in and then use that link/token to navigate the rest of the site as a valid User. This negates the need for a password, as the user email is the 'two factor authentication'. However if someone gains access to the users email, then the user will already be compromised. So you only need to protect your email with a strong enough password to be secure. How long should the token last, before a new link/token is required?

  • @junangameplays3271
    @junangameplays3271 День тому

    How about using apollo in this new gen 2?

  • @donahuecodes
    @donahuecodes 2 дні тому

    JS is so much better than TS. If you need a statically typed language why not just use an actual language like Rust.

  • @bloodylupin
    @bloodylupin 2 дні тому

    if viewport is too short and the line breaks you end with a truncated error, setting fixed heights brings always bugs.

  • @zebapy
    @zebapy 2 дні тому

    What are the real prod use cases for HTMX? Seems like sprinkling into existing traditional server rendered sites / apps. Building a whole app with it seems awkward.

  • @psaintjean11
    @psaintjean11 3 дні тому

    Very well explained for beginners like myself. This is very useful. Thank You for sharing.🎉🎉

  • @IanDouglas
    @IanDouglas 3 дні тому

    Vercel has lock-in if you use their SDK, other providers like Render, etc will let you come and go as you need to.

  • @guiltyconscious
    @guiltyconscious 3 дні тому

    Good video but not trying to learn another library for a just one specific task tbh

  • @luisllaboj
    @luisllaboj 3 дні тому

    I know most (if not all) the answers! This was a painful watch I wish I could’ve helped!! because I do know all the answers to all the problems you bad but I watched this video way after and obviously couldn’t watch it live 😭

    • @luisllaboj
      @luisllaboj 3 дні тому

      If you still have questions regarding to clerk provider, the caching behavior, search params, the “use client” directive which seems not necessary to use with clerk provider let me know, I don’t wanna spam the comments I got some comments deleted from another acc

  • @LePhenixGD
    @LePhenixGD 3 дні тому

    It does work but only if you don't use Spring Boot as a Back-end because it requires SockJS as a dependency

  • @gezafiqrullah5321
    @gezafiqrullah5321 3 дні тому

    wow nice tips sir !

  • @hxxzxtf
    @hxxzxtf 3 дні тому

    🎯 Key points for quick navigation: 00:00 *🚀 Astro has fixed environment variables, making it easier to work with them.* 00:49 *🔒 Environment variables can now be accessed at import.meta.EnV, but this has limitations such as no validation of properties or types.* 01:32 *💡 T3 dnv is a library that allows defining Zod schema for environment variables in Next.js, but Astro now has a built-in solution.* 02:16 *📁 The experimental Astro EnV module allows defining and accessing environment variables, with different use cases for client-side and server-side access.* 03:27 *🔑 The get secret function can be used to programmatically figure out what an environment variable is, but it's not necessary for most use cases.* 05:02 *🎉 The new EnV module in Astro makes working with environment variables more efficient and easier to manage.* Made with HARPA AI

  • @kamalkamals
    @kamalkamals 4 дні тому

    action inspired from svelte no ??

  • @gencade2504
    @gencade2504 4 дні тому

    Lol build duration 6m46 as shown in the vid. This is an ad

    • @gencade2504
      @gencade2504 4 дні тому

      And 4m for the second deploy. Master chiller

    • @JamesQQuick
      @JamesQQuick 4 дні тому

      Build times are definitely something to consider. Glad you brought that up. There is still a balance of other features that come with integrating into a platform that offers so much. Direct integrations with db, auth, etc. can easily be worth it in this case.

  • @Michael-Martell
    @Michael-Martell 4 дні тому

    Okay… Here’s what I’m thinking is the ultimate Vendor Lock-in-less JS/TS stack: Hetzner ($3+/month) Coolify (Free) , Supertokens Auth (Free), fast-ratelimit (npm package - as opposed to reddis / upstash)

    • @Michael-Martell
      @Michael-Martell 4 дні тому

      Nextcloud? For libreoffice/Chat, file storage. ($37/user/yr)

  • @bharadwajshlok
    @bharadwajshlok 4 дні тому

    I thought you were Ilya Sutskever lol.

  • @adrian1jr
    @adrian1jr 4 дні тому

    In my opinion I have all my projects in vercel, both clients and own and I only pay the 20$/m plan and as is well known is one of the most efficient platforms in terms of user experience for devs. And I think they have improved a lot the security and the way to avoid you get a 95k invoice haha, good video James thanks for giving your opinion is clear and concise.

  • @_cmcg
    @_cmcg 5 днів тому

    I've used netlify for 6-7 years. There's no vendor lock-in, worst case scenario is you have to reconfigure your forms and setup ci/cd elsewhere.

  • @luisllaboj
    @luisllaboj 5 днів тому

    Do you have a preference way to deal with project architecture in next 14? Like how do you prefer structuring the app? Do you prefer having a data-access layer where you define all the database stuff and only call the exported functions on server actions/server components? Thank you!

  • @ming3957
    @ming3957 5 днів тому

    Avoind ❤

  • @onyekastephen2250
    @onyekastephen2250 5 днів тому

    Of course we're interested; Actually don't understand how caching works with the web talk more of applying it to SSR. I'd love to be taken on that. Moreover, I enjoyed this topic.

  • @yehudz
    @yehudz 5 днів тому

    You're thumbnails are so cringe man, much love for your video though

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      Thanks for the feedback. What would you change?

    • @yehudz
      @yehudz 5 днів тому

      @@JamesQQuick Be more natural, videos are great but it's not a fortnite channel you know

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      @@yehudz I'll keep that in mind!

  • @user-oy4kf5wr8l
    @user-oy4kf5wr8l 5 днів тому

    thank you!

  • @arberstudio
    @arberstudio 5 днів тому

    interesting

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      Any other thoughts? Do you find it useful?

    • @arberstudio
      @arberstudio 5 днів тому

      @@JamesQQuick Insightful more so than useful as I am building a framework of my own. So yea, it’s quite insightful as I’ve been wondering about this exact type of problem and how I could handle it should I also have a server side architecture. It was great timing in my research!

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      @@arberstudio Ah nice. Can't wait to see what you come up with!

  • @ldon7319
    @ldon7319 5 днів тому

    typescript was written for C# developers who didn't want to learn javascript. It's absolutely the worst thing that ever happened to javascript. it's about three times longer to write and test. yes it makes some perks, but it's god awful to work with. I never have to think about the syntax if im writing JS, but it the #1 thing to think about in TS. Plus most AI tools give really wrong answers for typescript that can get you into circular errors that you'll never get out of in TS. But jump over to plain js and it works great. Testing is so much easier too. Probably the worst thing about it though is the fanatical nature of forced adoption into it. I recently created an app that was originally supposed to be written in TS, 3 weeks in we were already way way behind schedule. So I made the decision to rip it out and start over with plain JS, we not only caught up but passed through and cut like 3 weeks off the planned development. Impossible to do in TS for our team. I understand the idea on truly massive projects. But just like redux is quickly falling out of favor, TS needs to follow that pattern too. At best it should be optional but almost never required. Im all for people using what they want, but the issue with TS developers is that they demand it for every use case and it should not be that way.

  • @adammatthiesen6203
    @adammatthiesen6203 6 днів тому

    Hey James! at 4:50 The reason the public/private prefix is no longer needed, is due to the switch to utilizing Vite's loadEnv() function with a empty prefix to allow grabbing ANY of the variables. Florian actually based it off how i was doing it between my different integrations because i had been using loadEnv directly and haven't had issues. I may have been on a call with Florian debugging astro:env inside of my StudioCMS playground.... 😅

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      hahaa good to know. Thanks for clarifying!

  • @omomer3506
    @omomer3506 6 днів тому

    Noice

  • @CyberTechBits
    @CyberTechBits 6 днів тому

    Thank James! I've been trying to decide what framework (literally for years) to build with as I want to take my vanilla js app from enterprise to SaaS. Decision finally made! Astro! Next question is do I move to Svelte for the client side PWA or stick with vanilla...hmmm. Thanks again! Great channel!

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      haha there are so many options. Astro is great though. Especially being able to leverage other UI frameworks with it. Thanks for watching!

  • @BUY_YOUTUB_VIEWS_2345
    @BUY_YOUTUB_VIEWS_2345 6 днів тому

    every day is a good day when I watch your videos

  • @theklr
    @theklr 6 днів тому

    Why can’t vercel be cool like this with next 😭😭😭

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      haha if only! It's such a good feature

  • @nanotech2080
    @nanotech2080 6 днів тому

    What about project indexing and full project-wide refactoring with vs code? Don't think that comes as an extension. And when you've installed all these extensions, you're already halfway there to an IDE, but it's still never going to be an IDE with the features that make an IDE, well, an IDE, and plus the fact that now all these random extensions can break each other.

  • @anasouardini
    @anasouardini 6 днів тому

    Astro team is always alert to the user's problems.

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      They're so good at that! That's why I'm so optimistic about them!

  • @igoeast
    @igoeast 6 днів тому

    This is the best video that describes Event loop. Thank you so much for your work James!

  • @greendsnow
    @greendsnow 6 днів тому

    We don't want apologies. They're done with.

  • @petecapecod
    @petecapecod 6 днів тому

    That's awesome to hear that Gen 2 works so well. Gen 1 was cool but it also had its issues. Gonna have to check it out now!

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      Yeah give it a try. Let me know what you think!

  • @im_artiom
    @im_artiom 7 днів тому

    ReactNode ❌️ any ✅️

  • @estruyf
    @estruyf 7 днів тому

    Each of them has its own advantages and appropriate uses. Recently, I received a notification that one of my open-source projects would no longer be supported under their open-source plan. This made me realize that my website was too dependent on their ecosystem. As a result, I am reconsidering the architecture and leaning towards separating the website and APIs. This separation will make it easier to move the website and APIs independently, reducing reliance on a single host and framework.

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      Oh interesting. Where are you looking at moving?

  • @joshuaberrios
    @joshuaberrios 7 днів тому

    I have actually started to use American Cloud with a Coolify install. I have an Astro site deployed on it, was a bit tricky at first but got the hang of it.

  • @vishalp2.0
    @vishalp2.0 7 днів тому

    Better than just write //@ts-ignore😅

  • @ochronus
    @ochronus 7 днів тому

    To people saying Coolify & a VPS are replacements: no, they aren't - they are fun for pet projects, but they won't substitute for the CDN, DDoS protection and resiliency coming with Netlify, Vercel or Cloudflare.

    • @ChristianKolbow
      @ChristianKolbow 7 днів тому

      That is true. But many who follow here don't have a project that really relies on CDN or DDOS protection.

    • @ochronus
      @ochronus 7 днів тому

      @@ChristianKolbow 100% agreed, one should choose the tool for the project, I just don't like the narrative that a single self-managed VPS is a generic replacement for such services :)

    • @JamesQQuick
      @JamesQQuick 5 днів тому

      Agreed with all of the above. I think I need to check out Coolify though. I've heard good things!

    • @ChristianKolbow
      @ChristianKolbow 5 днів тому

      @@JamesQQuick There is another tool. CapRover. Easier to use, but with minor limitations. I personally like coolify.

  • @thibaultbarolat-massole7190
    @thibaultbarolat-massole7190 7 днів тому

    My advise would be to learn how to set infrastructure and deploy your app on it. Then, and only when you're confortable with infrastructure, you can use these serverless services. So you always know how to deploy on your own infrastructure as an alternative.

  • @michaelxaviercanonizado7931
    @michaelxaviercanonizado7931 7 днів тому

    Thanks really helped! It also works with tsx when running a typescript file as a script in NextJS. Just add the same command: "tsx --env-file .env.local ${file path}"

  • @krtirtho
    @krtirtho 7 днів тому

    Personally, I'll only use CloudFlare for static websites or purely Client side websites/webapps just as good CDN. As a backend engineer, using GCP/AWS/Azure over any of their wrappers is a nobrainer. Terraform and any CI/CD (preferably GitHub Actions) is all we need. Any developer who is building real-world apps (not personal projects) should always try to go for the long term for infrastructure. Don't get carried by the hype.

  • @Hagemony
    @Hagemony 8 днів тому

    I rather not build at all that deploy my stuff on a vendor locked in platform. I'll proudly sacrifice my time and skills

  • @Kats0unam1
    @Kats0unam1 8 днів тому

    Yes. Absolutely avoid. Just learn on how to use a vps and nginx or caddy

  • @MichaelMooregrownman
    @MichaelMooregrownman 8 днів тому

    This is something I will eventual look into. Right now I'm using supabase to handle auth, storage and DB. Hopefully I never have to change.