Amazing! So, the server island in Astro helps us provide a fallback while the actual data is being fetched, avoiding page freezes and making the page load faster, similar to Suspense in Next.js?
Are you asking if that data will be indexed by search engines? Yes and no. My understanding is that search engines crawl sites in two ways, one quickly and without JS and once less frequently but running client side JS. You’re safest to include all necessary content for SEO on build and NOT in server islands.
@@CodinginPublic Rather, I am referring to an in-site search engine implementation that uses a server island to render the results. I don't know if that makes sense :)
The problem is how to manage data changes like a product change in the db. Even if you have a server island in that page Astro cannot generate just that page you will have to rebuild the whole site. In the end isn’t it better to server render everything and use cache for performance?
Yeah, completely depends on the page. For instance, my homepage for coding in public BASICALLY has no changing parts. I might occasionally add a project, but it’s all static. For some pages, definitely a better approach to go all SSR. I’d like them to give thought to caching the server islands but maybe that’s out there and I don’t know about it. Glad Astro is starting to get more robust rendering options, but none of them is always right. Thoughts?
@ I think we should avoid server whenever possible so I tend to use ssg. Unfortunately Astro is missing a crucial feature to me: the ability to select which pages to build. Regenerating all the website just because a product price has changed is crazy. Hope we get this feature soon
Thanks! Nice tutorial. I wanted to do this on my blog in astro and I had no idea till now. Thanks for sharing. Maybe you can make a tutorial with migrating from astro 4 to astro 5.
Amazing video Chris. Easy to understand and follow as usual.
Time to modify my code to include server islands.
Awesome! I know I went a little faster this time, so I was hoping that was okay. Glad it was right for you.
@CodinginPublic I could totally follow up. For me it was perfect.
@@CodinginPublic I think the faster pace works great for these kinds of "feature showcase" videos.
Awesome bro! Love your videos!
So glad you enjoyed it!
Perfect video.
Glad you liked it
Is it also possible to implement client-side scripts in server islands? For example to make a modal window to show the player of a video.
No, great point. You cannot include scripts. I’m guessing this is a security thing? Not sure.
do you need to install the node SSR package to work on your local? I am testing with v5 and seems like working fine on my local.
Amazing! So, the server island in Astro helps us provide a fallback while the actual data is being fetched, avoiding page freezes and making the page load faster, similar to Suspense in Next.js?
Yeah! Same general outcome, different method.
Hi! Thank you for the video. I wonder if server islands can find use case in search functionality.
Are you asking if that data will be indexed by search engines? Yes and no. My understanding is that search engines crawl sites in two ways, one quickly and without JS and once less frequently but running client side JS. You’re safest to include all necessary content for SEO on build and NOT in server islands.
@@CodinginPublic Rather, I am referring to an in-site search engine implementation that uses a server island to render the results. I don't know if that makes sense :)
The problem is how to manage data changes like a product change in the db. Even if you have a server island in that page Astro cannot generate just that page you will have to rebuild the whole site. In the end isn’t it better to server render everything and use cache for performance?
Yeah, completely depends on the page. For instance, my homepage for coding in public BASICALLY has no changing parts. I might occasionally add a project, but it’s all static. For some pages, definitely a better approach to go all SSR. I’d like them to give thought to caching the server islands but maybe that’s out there and I don’t know about it. Glad Astro is starting to get more robust rendering options, but none of them is always right. Thoughts?
@ I think we should avoid server whenever possible so I tend to use ssg. Unfortunately Astro is missing a crucial feature to me: the ability to select which pages to build. Regenerating all the website just because a product price has changed is crazy. Hope we get this feature soon
Thanks! Nice tutorial. I wanted to do this on my blog in astro and I had no idea till now. Thanks for sharing. Maybe you can make a tutorial with migrating from astro 4 to astro 5.
Awesome. Yes! Planning on a tut. There’s not THAT much to migrate, depending on your needs. I’ll consider it!
Hi Chris, would you mind sharing the name of this black VS Code theme used in this video?
I think it’s called “Vercel” or something like that?
@@CodinginPublic Thank you. Found it.
For future reference, it's VSCode Vercel Theme by Gabriel Moreno.
Thanks!
Wish I could afford your course. But as an unemployed (slowly recovering) drunkard it’s outside of my reach for now.
Course is amazing
In order for this to be useful they need to provide a way to deploy he FE to a CDN and the backend to a separate provider
Not sure I’m following? You can cache the static build on a CDN. Why would you need a separate provider for the island? I must not be understanding?
Don't you plan to extend it with an option to filter videos from given words through AI by coincidence? 😅 Would be amazing 🎉
Probably not :)
@CodinginPublic :(