WOW Didnt even know Astro released 2.0! Thank you for the content and starter! Congratulations on 100,000 subscribers by the way! Thank you for pushing full stack forward. You have done an amazing job❤💯
"Let's get.... right into it!" - Thanks as always Jack. Really appreciate your content and delivery. Excited to check out Astro 2.0. Wishing you and your family the best!
Jack--this is a great video. Please consider taking a deeper dive into hooking up lunr with Astro. A good search facility is something that any Astro site really needs. My biggest disappointment with Astro 2.0 is that a search facility isn't a first class citizen.
This is really well done! Thanks for uploading such a polished demo. It was easy to follow (as intermediate dev). One thing I missed in this was a comparison to how one would usually go about implementing such a site and what the tradeoffs are
Great video, Jack! I was checking the repo and the syntax highlighting in markdown is from Astro and not from the 'prose' tailwind class. Check out Astro's markdown docs for it. :)
Yes! Between Content Collections and optional pre-rendering, Astro give you so much power! My favorite architecture recently has been "fat islands" or "lagoons"-- coordinating small areas of Client-Side Routing using catch-all routes and frameworks like SolidJS. The opportunities for experimentation are endless!!
I'm glad you took my constructive criticism from your React series seriously and made a steer in the direction of higher quality content. Learning this technology from you despite not having any prior experience is a testament of how much you have grow as a tutor. I'm glad I could help!
Not a whole lot. To me Preact is largely covered by React. I did look at preact-signals a while back, but I found it kind of gimmicky, so I decided not to cover it.
Thank you for this video. Its very helpful. Please let me know if we can create Micro-frontends using ASTRO. Like the way we are now able to create with VITE ? Is there a Module Federation plugin available for ASTRO + REACT ?
Hey Jack, you should check out UnoCSS if you haven't already. There's a nice integration into Astro. I'd love to see a video about how UnoCSS is different than Tailwind, I still see a lot of confusion in that area. Great as always!
This is great! Astro has definitely ben on my list of things to check out... My only question is around state management and how people are doing that sort of thing
This is another GREAT video! very helpful. At first when I saw this, I was wondering why you didn't use a database. As I have thought more about it, it seems that you could skip the database altogether. That being said, can you author the MDX files and save new ones to the S3 bucket that contains the site?
Was there a reason for not creating an object type with a url width and height for the thumbnail keys? I see they all have them... Other than that, thank you for the great content you are producing!
Hi Jack, Great video as always. Also I was wondering is that a VS code extension @3:05 which provides intellisense in the terminal? If so what is the extension called??
Hi Jack, thanks for all the great videos. This one is very interesting, especially the combination of Astro and Preact. I will try this next month. I now have Arc for my MAC, and I saw in this video, that you have a url bar on top, with Icons for your extensions. I try to find the settings, but I cant. Could you give me a hint? Regards Holger
It's Arc's developer mode. You can enable it for any page in the site settings by clicking on the lock icon in the url bar. Like Jack said it is enabled for localhost by default
I don't quite get Astro now. I can use React, Preact, NextJs etc. inside Astro. Can I still add headers to my pages to add a page title and meta descriptions for SEO?
With a decent CI/CD that's really not an issue at all. You add or update files (you can even do that directly on the GitHub UI), check it in, CI/CD spins up and deploys it within a minute (depending on the site size). It's even automatically versioned. For a lot of sites that is way more than adequate. It's certainly fine for my RUclips site.
@@jherr suggestion: A registration form with realtime errors when with javascript enabled and submit errors when javascript disabled, made one recently and the use:enhance makes it so easy
I'm not sure I understand the question, but maybe it's what makes Solid-JS stand out from something like React? Two things Solid-JS 1) is compiled and 2) does "fine grained updates". The compiler sees the changes your code makes to the DOM as a result of data changing and just writes the code to make those changes. No more, no less. So Solid-JS apps are spectacularly small and fast. It's like if jQuery and React had a baby, that baby would be Solid-JS. But better and faster than mom or dad. Hahaha.
Astro also has a client:visible hydration option that does a similar thing to Solid - essentially lazy loading JS as it comes into view for the client. So you can build a component in any framework and have it only load the JS for it when someone see's it :)
I have to catch up with JS technologies. I am stucked with React and there are so many cool FW like Remix, Astro, Svelte, Next.js etc... Huuuh, 2023 will be a busy year.
what r the ways to fetch data from api? like ur channel youtube videos? instead of giving those videos manually??? Also, u created all the content mdx file manually???
For me all of this frameworks are terrible. Too much coding. There is no need for static typing for User interface. "Square peg in a round hole" is what these people are doing. We all know we want simple framework. quick flat dumb down component. All of this design has weakness so they will keep changing every few month. Not usable for any projects. I dont like reactjs ... i just dont like to type so many lines of code for simple task I may take a look at svelte and vuejs.
I hope Astro fails. Now we have to use another lame obscure and proprietary templating language for .astro files. At least JSX feels like an integrated extension to JavaScript and TypeScript instead of some bolt-on macro preprocessor. Astro reminds me of crap like the C preprocessor. I've moved on from these lame template frameworks. Let's not go backwards to ".astro" files.
Astro ships zero js by default. You don’t need/want JSX for many Astro sites because you don’t need JS. Using astro is basically building a static site in .html files, but astro makes that much easier by being able to make reusable components/layouts and opt it to vanilla js where you need it, or bring in a full framework. It’s really not some complex new “obscure and proprietary templating language”, it’s just html with better DX.
This just shows you are a noob, stuck with React. It was probably the first thing you learned, and is probably why you cannot move to more advanced stuff
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
WOW Didnt even know Astro released 2.0! Thank you for the content and starter!
Congratulations on 100,000 subscribers by the way! Thank you for pushing full stack forward. You have done an amazing job❤💯
Thank you so much!
Nice! I love how your tutorials are very detailed, but at the same time you aren’t trying to explain the meaning of the `p` tag
"Let's get.... right into it!" - Thanks as always Jack. Really appreciate your content and delivery. Excited to check out Astro 2.0. Wishing you and your family the best!
Thank you!
always clear, practical, and concise information I need to get a good overview, thanks!
Jack--this is a great video. Please consider taking a deeper dive into hooking up lunr with Astro. A good search facility is something that any Astro site really needs. My biggest disappointment with Astro 2.0 is that a search facility isn't a first class citizen.
the only channel sounds excited for the most trivial thing. love it.
This is really well done! Thanks for uploading such a polished demo. It was easy to follow (as intermediate dev). One thing I missed in this was a comparison to how one would usually go about implementing such a site and what the tradeoffs are
Jack, thank you 🙌
Great video, Jack! I was checking the repo and the syntax highlighting in markdown is from Astro and not from the 'prose' tailwind class. Check out Astro's markdown docs for it. :)
Thanks!
Yes! Between Content Collections and optional pre-rendering, Astro give you so much power!
My favorite architecture recently has been "fat islands" or "lagoons"-- coordinating small areas of Client-Side Routing using catch-all routes and frameworks like SolidJS.
The opportunities for experimentation are endless!!
Ah that CollectionEntry type is neat. Handy that ID is the union of all the IDs.
So Jack is Team Preact now? Great choice! 💜
Astro approves of this message 💚💚🚀👩🚀💚💚
I'm glad you took my constructive criticism from your React series seriously and made a steer in the direction of higher quality content. Learning this technology from you despite not having any prior experience is a testament of how much you have grow as a tutor. I'm glad I could help!
Nice!
Do you have more video with preact ? Tnx
Not a whole lot. To me Preact is largely covered by React. I did look at preact-signals a while back, but I found it kind of gimmicky, so I decided not to cover it.
Awesome!, I love Astro content, thanks you!
Thank you for this video. Its very helpful. Please let me know if we can create Micro-frontends using ASTRO. Like the way we are now able to create with VITE ? Is there a Module Federation plugin available for ASTRO + REACT ?
Hey Jack, you should check out UnoCSS if you haven't already. There's a nice integration into Astro. I'd love to see a video about how UnoCSS is different than Tailwind, I still see a lot of confusion in that area. Great as always!
This is great! Astro has definitely ben on my list of things to check out... My only question is around state management and how people are doing that sort of thing
You can check something like Nanostore and import that store into your components
@@oskrm thanks for the recommendation!
This is another GREAT video! very helpful. At first when I saw this, I was wondering why you didn't use a database. As I have thought more about it, it seems that you could skip the database altogether. That being said, can you author the MDX files and save new ones to the S3 bucket that contains the site?
Not and have it rendered AFAIK. But maybe. I think the CI/CD workflow is more what the framework is expecting.
Thanks for the video! Btw what is this terminal with nice autocomplete?
Tabby, but the important part is Fig for the autocomplete.
@@jherr Thank you! I did not even hear about these tools but they are awesome!
Can't wait for 3.0 to release in Sept or Oct 2023!
I have it on good authority that 3.0 is coming VERY soon.
Great content, great channel!
Thanks Jack!
Thanks Jack
Thanks for sharing knowledge man.
Great content as usual!
Can you make a video about image/fonts optimizations & self hosting with Astro? @astrojs/image and fonts are a pain to work with.
By any chance, May I know which theme do you use for your vscode. It is elegantly black and less straining to look at.
Check the video description
You are my new favorite person @remothuman6689! :)
Looks a lot like nuxt's content module to me. Seems great!
Was there a reason for not creating an object type with a url width and height for the thumbnail keys?
I see they all have them...
Other than that, thank you for the great content you are producing!
Hi Jack, Great video as always.
Also I was wondering is that a VS code extension @3:05 which provides intellisense in the terminal? If so what is the extension called??
Also interested in this one !
That's a github copilot.
Hi Jack, thanks for all the great videos. This one is very interesting, especially the combination of Astro and Preact. I will try this next month.
I now have Arc for my MAC, and I saw in this video, that you have a url bar on top, with Icons for your extensions. I try to find the settings, but I cant. Could you give me a hint?
Regards Holger
I think that happens automagically when you are pointing at localhost.
It's Arc's developer mode. You can enable it for any page in the site settings by clicking on the lock icon in the url bar. Like Jack said it is enabled for localhost by default
@@jesse-aubin Thanks.
I don't quite get Astro now. I can use React, Preact, NextJs etc. inside Astro. Can I still add headers to my pages to add a page title and meta descriptions for SEO?
Yeah, absolutely. Lots of ways to do that. Check the astro docs.
@@jherr Great, thanks!
How does translations work, if I try to deploy it on vercel i getting an 500 error, instead of an 404 page localy it's working
but why not use just a cms where you edit/manage your collections? only way to update your collections is to add files und rebuild + redeploy right?
With a decent CI/CD that's really not an issue at all. You add or update files (you can even do that directly on the GitHub UI), check it in, CI/CD spins up and deploys it within a minute (depending on the site size). It's even automatically versioned. For a lot of sites that is way more than adequate. It's certainly fine for my RUclips site.
Love this channel
Still getting my grasp with Astro 1, and now version 2 is out - lol
It's just more features.
Great video
Would love a svelte/sveltekit video
It's gonna happen. Soon. The sveltekit forms stuff is great!
@@jherr suggestion: A registration form with realtime errors when with javascript enabled and submit errors when javascript disabled, made one recently and the use:enhance makes it so easy
how can I add translations to astro project?
can anyone tell me what is it stands out from *Solid js*
I'm not sure I understand the question, but maybe it's what makes Solid-JS stand out from something like React? Two things Solid-JS 1) is compiled and 2) does "fine grained updates". The compiler sees the changes your code makes to the DOM as a result of data changing and just writes the code to make those changes. No more, no less. So Solid-JS apps are spectacularly small and fast.
It's like if jQuery and React had a baby, that baby would be Solid-JS. But better and faster than mom or dad. Hahaha.
Astro also has a client:visible hydration option that does a similar thing to Solid - essentially lazy loading JS as it comes into view for the client. So you can build a component in any framework and have it only load the JS for it when someone see's it :)
@@jherr Anything involving jQuery would mean birth defects bigtime :)
Thanks for your great content
I think you should try a vscode extension called Astro Snippets
IT IS??!! 🤯
Astro also works with Angular (because of the new standalone components). So modern stuff like Observables etc can also be used.
so, when prerender = true, that page become static?
statically site generated yes. islands still work.
authentication?
hmmm its going to be a fullstack framework too?
It is already a full stack framework
@@jherr nice i'll try Astro
I have to catch up with JS technologies. I am stucked with React and there are so many cool FW like Remix, Astro, Svelte, Next.js etc... Huuuh, 2023 will be a busy year.
THe problem is that most React developers are noobs and they tend to get stuck there.
Remix and NextJS are built on top of React, so you have to use React in order to use them. You can also use React in Astro.
what r the ways to fetch data from api? like ur channel youtube videos? instead of giving those videos manually???
Also, u created all the content mdx file manually???
I have a script that reads the RUclips API to grab the new videos.
Oh great am I supposed to learn ANOTHER frontend framework now?
It's a meta-framework really.
I've used it both with Angular and React. It's not frontend framework locked (like Next)
why not use a LLM to search for you?
Yeah, good point!
this is dope
Anyone else find Nextjs just easier to work with?
WOW! The invented static site generators! 🤦
this content was so fast hahah
astro seems much slower than eleventy (big site building time)
For me all of this frameworks are terrible. Too much coding. There is no need for static typing for User interface. "Square peg in a round hole" is what these people are doing.
We all know we want simple framework. quick flat dumb down component.
All of this design has weakness so they will keep changing every few month. Not usable for any projects.
I dont like reactjs ... i just dont like to type so many lines of code for simple task
I may take a look at svelte and vuejs.
php developers are laughing 😂
Hi Hello... redo this site you made using simple HTML, CSS and JS
Is this a demand or something?
@@jherr 😂👍 keep up the good work. Loving your Astro content!
I hope Astro fails. Now we have to use another lame obscure and proprietary templating language for .astro files. At least JSX feels like an integrated extension to JavaScript and TypeScript instead of some bolt-on macro preprocessor. Astro reminds me of crap like the C preprocessor. I've moved on from these lame template frameworks. Let's not go backwards to ".astro" files.
Astro ships zero js by default. You don’t need/want JSX for many Astro sites because you don’t need JS. Using astro is basically building a static site in .html files, but astro makes that much easier by being able to make reusable components/layouts and opt it to vanilla js where you need it, or bring in a full framework. It’s really not some complex new “obscure and proprietary templating language”, it’s just html with better DX.
This is a strange comment because their templating language was designed very close to JSX.
How about just not using it if you don't like it?
This just shows you are a noob, stuck with React. It was probably the first thing you learned, and is probably why you cannot move to more advanced stuff
Your eyes be like 😳
@jackherrington311 what do you mean? who needs that? you or me?
I love your content @JackHerrington but sometimes you go too fast