Why I STOPPED Using Next.js And Chose Astro Instead

[@GuiMont]

I used Astro.js in a Learning System Project, because there was a lot of texts, images, videos, dynamic exercises, like, in fact I needed to turn 6 learning books into multimedia content. So I thought this framework that could help me so much to finish this job. And now I really want to do my portfolio in Astro to, specially because markdown support. Seeing your video give more motivation and inspiration. Thank you!

[@JamesQQuick]

So glad this was helpful for you!

[@i4o]

Just last weekend, I rebuilt my personal website in Astro. And that was the first time I used Astro. It was such a delight to use.

[@JamesQQuick]

Nice! Do you have a link?

[@TomHermans]

when Astro came out, I immediately saw the perfect in-between for eleventy and nextjs and jumped on it. And it only got better.

[@mentoriii3475]

honestly i felt the same with Nextjs, error after error and started feeling frustrated, switched to astro and i like it a lot

[@hugodsa89]

Loved the baby showing up. I was looking around myself 🤣 Congratulations James!

[@tamaspal1864]

+1

[@ComisarioLobo]

would be awesome if you include i18n to your course

[@codeSTACKr]

Love the special guest.. also great video!

[@JamesQQuick]

hahaha she made her first appearance :)

[@tim_t]

As soon as I learn how to use page transitions, I’d go all-in on Astro. I tried building MPA websites but the page reloads on navigation just feels so frustrating (mildly infuriating).

[@JamesQQuick]

Yeah that's something I really need to dive into as well!

[@chrismarks7495]

Is Client Side Navigation available in Astro or just Server Side Navigation?

[@JamesQQuick]

@@chrismarks7495 As of this month it is. I still need to look into it, but I'll do a video eventually!

[@MrJfergs]

@@JamesQQuick That is one thing keeping me away from astro.

[@f1shyv1shy35]

Astro 3 and View transitions is now stable and it works great

[@tarick8571]

I agree sometimes next/react can be an overkill solution for a small site/blog. I haven't tried Astro but I recently used 11ty for a blog and a small client site. I'd love to hear your opinion Astro vs eleventy.

[@JamesQQuick]

Ah I haven't used 11ty myself, but I've heard really good things. I think Astro already has and will continue to have more full-stack framework capabilities whereas 11ty is much more specifically focused on staying ssg focused.

[@owenwexler7214]

Astro+Preact is also a good lightweight full-stack framework for some smaller web apps.

[@choanlpoto]

I would love to have a breakdown / tuto of your newsletter automation API system.

[@DeadOce4n]

I honestly still like Gatsby a lot, it may be a bit slower but it's still a great experience.

[@JamesQQuick]

Nice! Are you still usign it for personal sites?

[@maskman4821]

Why I stopped using fullstack frameworks and chose Htmx+backends ❤😂

[@naranyala_dev]

will be interesting to do Astro's video continuous things, especially with React and Tailwind 🚀

[@JamesQQuick]

They continue to ship amazing features!!

[@raiyansarker]

You should optimise your site images!

[@advokats086]

Would love to see a full tutorial on how to create pagination on a blog....

[@JamesQQuick]

I've got a pagination video planned! Also, my Astro course will be released in the next month! astrocourse.dev/

[@groovebird812]

I heard from astro some days ago and its a very nice tool. Could you make a video about the basics of authentication in astro? :-)

[@JamesQQuick]

I'll actually be doing that in the course! You can sign up for updates here. astrocourse.dev/

[@CyberTechBits]

Would love to see that video!@@JamesQQuick

[@deatho0ne587]

Could just do a bit of CSS so your Prev/Next buttons always show if they exist. Some reasons being - Maybe tomorrow you think 20 or 100 records work - Maybe someone views the site at super small widths

[@JamesQQuick]

I'm not sure what you mean? They don't get hidden on small screens?

[@deatho0ne587]

There was a point even in the video I could not see either prev or next. Which you can see at 9:34.

[@JamesQQuick]

@@deatho0ne587 At that timestamp, I can see next but not prev which is how it's intended to work since I was on the first page of pagination.

[@deatho0ne587]

You scolled to fast, but there is a point where you can only see the images on the screen.

[@TytusDubel]

How do You manage your life with a newborn? I'm a graphic designer with two children..and I can't work at home - i had to find a studio to employ me so I could have the things done..but,my aspiration is to learn front end.. so to speak - do your partner respect your times / needs i terms of work, learning or it's like "there's a problem, give me a hand.." without any consideration of your space?

[@hiryuimajin]

At this point, I've gone through so much frameworks that whatever the use case is I just adapt to that framework 🤣 I'm not flexing because this is a horrible thing to do. Just that I can't quite remove the thinking of knowing that for a certain use case this framework fits for other use case this frame work works best. I just got to be better each day

[@maykbrito]

Oh my! 😍 God bless your new life, James! I got a little emotional watching they crying 8:25

[@JamesQQuick]

Thank you :)

[@anversadutt]

you need to do a tutorial on how to baby sit and program at the same time :)

[@JamesQQuick]

That's a hard one! lol

[@RobertMcGovernTarasis]

6 months on, would it still be your choice?

[@JamesQQuick]

For many use cases, specifcally my site, yes! Still love Next.js too!

[@RobertMcGovernTarasis]

@@JamesQQuick cheers. Helpful, trying to work out what I was going to try and learn next. Was leaning Astro (esp as I’ve experience with 11ty) as I can then use React or Co as I learn them.

[@ParasocialFix]

I use Astro to build apps :) I'm weird like that but I'm going to continue doing it anyway 😂

[@JamesQQuick]

haha yeah I'm enjoying kinda pushing the traditional boundaries with it!

[@MasayaShida]

even the baby is excited for Astro!

[@JamesQQuick]

She definitely is!

[@inamurrehman343]

There is an issue in the website when we enter email and join waitlist the successful message color is not visible because the color and background both has white text. By the way I love your videos. Nice Baby ❤

[@JamesQQuick]

Oh no really? Let me go look into that!

[@colbyfayock]

nice rundown!

[@JamesQQuick]

Thank you!

[@sujoykrhaldar]

After seeing the thumbnail .... you just broke my heart 😂

[@JamesQQuick]

haha Next.js is amazing. I just chose a different direction for my site.

[@alisherzaitov]

Would you use Astro with cms? I am creating a blog with Astro and choosing a cms, going with Directus for now, but since I did not have a real use experience I dunno if it will suit me. Did sanity satisfy you? I am planning to use Astro+directus+neon postgresql and maybe prisma

[@JamesQQuick]

Astro with CMS is definitely a great combo. I've thought about doing some content using Storyblok but Sanity of Directus would also be amazing!

[@alisherzaitov]

@@JamesQQuick thank you for replying. Storyblok is cool, but other mentioned can be self-hosted

[@JamesQQuick]

Fair enough! Thanks for sharing!!@@alisherzaitov

[@eugenemaestrado3866]

how about qwik? apparently faster compared to astro.

[@BobbyBundlez]

who cares astro is fast enough. it's not all about speed man. knocking off 2 ms ooohhh cool!

[@sprobertson]

of course he's tried it, he named himself after it

[@David-wp9xq]

do you have astro tutorial with firebase?

[@JamesQQuick]

I don't have one unfortunately. Anything in particular you'd like to see?

[@CyberTechBits]

I'd love to see asto integration with Firebase. Pushing to firebase and leveraging firebase authentication@@JamesQQuick

[@andresep]

Content in a markdown file... Why didn't you use Hugo? 🤷‍♂️ Hugo is made for that and is very simple to use.

[@JamesQQuick]

I would argue Astro is just as simple and also more powerful. Hugo also isn't JavaScript. Totally fine, but I prefer JavaScript. At the end of the day though, whatever works for you

[@cosmiclny]

Hi @JamesQQuick, please make the images in the overview of your blog post clickable 😉.

[@JamesQQuick]

Hey there! Which images do you mean specifically?

[@antonkouliavtsev2501]

Why not use app/dir with contentlayer?

[@JamesQQuick]

I'm not familiar with content layer? What is that?

[@hiryuimajin]

@@JamesQQuick it helps you with processing the mdx files. It actually makes it easier to parse the mdx files, however there may still be intricacies on it that may not be a good DX.

[@ashimov1970]

What's your take on HTMX in the context of the vid subject?

[@hpntic]

Good for MVP,but in large application very bad,its not scalable well

[@dazecm]

Shout-out to baby Quick giving us a shout-out and appearance @ 8:26 👨‍🍼

[@JamesQQuick]

She's famous already!!

[@badcatdesign]

When you realize all the🎁gifts you have are just more packages 📦to deal with.

[@JamesQQuick]

What do you mean?

[@badcatdesign]

@@JamesQQuick Felt poetic that Node "packages" include so many dependencies on other packages for the "gift" of effectively, free coding. It's more overhead to deal with of course. So in this case, and in many, Less becomes More.

[@andreilucasgoncalves1416]

​@@badcatdesignI agree when you are starting a project having everything pre configured is great, but when the project grows it became a a mess We are using Astro and because the project is big it started to become really slow to startup, the node-adapter is 1.2Mb and started to have random bugs that force to restart everytime But what astro is really good is the rollup configuration, every page is extremely performatic

[@JamesQQuick]

@@badcatdesign Well there's definitely tradeoffs with everything. In this case, I'm happy to take the built-in functionality with Astro that I don't have to manually manage.

[@binrueiyang2197]

Thanks!

[@JamesQQuick]

THANK YOU SO MUCH!!

[@armantgold]

Wait until you have two of them, have a boy (2yrs) and a girl (5months)... Congrats though, the kids are the best part of life!

[@cristianrosescu2914]

Remix JS is another great option

[@verticeva]

Love your baby and you video and Astro ❤

[@afsarzan]

I was planning to learn Next.js but delayed due to work , not Astro came. If I delay Astro leaning surely something new will come , heeee

[@JamesQQuick]

haha Astro is definitely worth looking into!

[@motoboy6666]

So Astro for full-stack? Would it be a valid choice comparable with Next?

[@JamesQQuick]

You CAN use it for full-stack, but I'd say Next.js is more optimal for full-stack apps. I think Astro will continue to close that gap though

[@mistersir3185]

Nah I'm good, sticking to Next forever!

[@JamesQQuick]

Awesome. What are your favorite features of Next.js?

[@tinkertoyskeptic1454]

I’ve been trying to publish my obsidian notes with Astro. Haha I cant even get the links to route correctly. This old brain can’t keep up with you youngins!

[@digicinematic]

BWAAH!! "This is my life now."

[@JeffBarron1]

why i switched from NextsJs to Framer

[@JamesQQuick]

To framer? That's just for animations right?

[@JeffBarron1]

​@@JamesQQuick as a developer their are two types of project, static brochure sites (blogs are just brochures with lots of pages) and application. sure you can build apps with with nextjs, svelt, astro, vue, etc.. that is the where they shine. but the frameworks are just so focused building fast static sites but why bother coding that!! I'd like to see nextjs et al return to their roots. concentrate on providing tools to make applications not brochures . rant over. enjoy your channel btw

[@evan_ry]

Guys from Astro invented Nuxt Content plugin

[@christerjohanzzon]

Aww, aren't the "junior dev" cute! Now, develop a Quick Framework in her name. ;)

[@AkifcanKara]

we can do everything with vanilla js

[@BobbyBundlez]

after hours of coding yes

[@unknownguywholovespizza]

Yes but time is precious

[@leopb21]

Developers should stop the religion built around React. React is NOT good. Verbose, SLOW, complex, far from web standards. Try building a simple list with 200 instances of the same component. Try filtering and sorting this list with animated transitions. Try this using React. You will see how bad React is. "Ah, you should use memo, ref, use effect..." Really? Native workarounds?

[@advokats086]

How to integrate other libraries written for react into astro components written in jsx ??? ?

[@egretfx]

am a full stack dev and i think nextjs is the best thing to ever happen in web dev

[@JamesQQuick]

haha it's pretty amazing!

[@snatvb]

why do you compare old nextjs with astro?

[@JamesQQuick]

What do you mean by old? Pre 13?

[@yanivcode9724]

Bro... Next 13. it's just super easy.

[@JamesQQuick]

You enjoying the app router?

[@PeterKellner99]

I've been wondering about Astro. It seems very "react-eque". Is it somehow related to React?

[@JamesQQuick]

You can actually use React within Astro, but Astro is more directly compared to Next.js as a higher level "meta" framework.

[@SiliconValleyCodeCampVideos]

Same JSX syntax and other "react-like" things?@@JamesQQuick

[@Joshua.Developer]

Just yourself. Self am I building Twitter? Am I building the next Spotify? No then dont spend time on NextJs

[@nageldev]

I've been in the exact same boat - choosing a framework to move from Gatsby to. My conclusion is different, however. With Astro, you're really just getting an SSG, no different in output to Hugo or Jekyll. The islands architecture is nice, but you're really just generating a HTML site. NextJS is so much more. To go from NextJS to Astro is a downgrade. It's a great developer experience, but the outputted site is a straight up downgraded product.

[@JamesQQuick]

Next.js is definitely a great option. I will say that Astro actually has full-stack capabilities as well: - api endpoints - ssr - server components There are tradeoffs but Astro has more than people realize!

[@nuttbaked]

sveltekit when :(

[@MoonMoon-qt7io]

You broke the rule : no babies 😂

[@heygema]

Because Astro is Quicker

[@emmanuelvillalobos3734]

Well, it's the JS community mantra, right? Change to a "new" and "better" framework every two weeks...

[@JamesQQuick]

haha basically that's it. Never a dull moment!

[@HomeSlize]

Great, another JS framework...

[@Fitzpa14]

Lol. It’s not like it’s THAT new.

[@JamesQQuick]

but it is yet another one haha totally get the frustration there!

[@ottergauze]

Yadda yadda 0 days since the next JS framework yeah yeah, but I genuinely think Astro fills a niche.

[@michaelvo9820]

Don’t be afraid of new frameworks. Always something new to learn

[@PanosPitsi]

If you know vanilla is well enough and you aren’t a react bootcamper switching between frameworks is very very easy.

[@elson_correia]

This is still unnecessarily complex

[@wojciechosinski5927]

"Added all the astro shit" commit. Do you still enjoy coding?

[@JamesQQuick]

Love it :)

[@zeteya]

Astro makes Next.js look like child's play.

[@garland-key]

Paaagination

[@JamesQQuick]

They make it so nice!

[@chadjones4255]

haha... sloppy transition from the baby... I swear, it looked like you dropped the baby and continued on.

[@nr7343]

nextjs It's garbage

[@JamesQQuick]

Hmm, what do you not like about it?

[@onta.nicolae]

why would you choose next as a framework for some personal project if you dont need backend apis

[@JamesQQuick]

Next also can do static content really well. It can work for a lot of use cases

[@onta.nicolae]

@@JamesQQuick yeah but there's better frameworks

[@JamesQQuick]

What options would you choose?@@onta.nicolae

[@onta.nicolae]

@@JamesQQuick qwik or astro

[@paypalmymoneydfs]

2nd video today of this sort lol, major NextJS Ls

[@JamesQQuick]

I don't see it as an L. I'm a huge Next.js fan. This is just what I chose for this specific use case.