#withastro — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #withastro, aggregated by home.social.
-
New blog post: “Conditional JSX in Astro”.
https://blog.kizu.dev/conditional-jsx-in-astro/
This is me documenting the way I am handling some of the more complex conditional rendering in Astro’s JSX. Well, not strictly _JSX_ — but its “Component Template” part of `.astro` components and assigning them to variables.
-
New blog post: “Conditional JSX in Astro”.
https://blog.kizu.dev/conditional-jsx-in-astro/
This is me documenting the way I am handling some of the more complex conditional rendering in Astro’s JSX. Well, not strictly _JSX_ — but its “Component Template” part of `.astro` components and assigning them to variables.
-
New blog post: “Conditional JSX in Astro”.
https://blog.kizu.dev/conditional-jsx-in-astro/
This is me documenting the way I am handling some of the more complex conditional rendering in Astro’s JSX. Well, not strictly _JSX_ — but its “Component Template” part of `.astro` components and assigning them to variables.
-
New blog post: “Conditional JSX in Astro”.
https://blog.kizu.dev/conditional-jsx-in-astro/
This is me documenting the way I am handling some of the more complex conditional rendering in Astro’s JSX. Well, not strictly _JSX_ — but its “Component Template” part of `.astro` components and assigning them to variables.
-
New blog post: “Conditional JSX in Astro”.
https://blog.kizu.dev/conditional-jsx-in-astro/
This is me documenting the way I am handling some of the more complex conditional rendering in Astro’s JSX. Well, not strictly _JSX_ — but its “Component Template” part of `.astro` components and assigning them to variables.
-
Anyone using #WithAstro willing to help a noob?
I am setting up a website with two pages A.mdx and B.mdx. I want to put a link to page B on page A. But of course I don't want to hardcode the whole site's URL, I want to put a relative link.
I tried to use Astro.url from page A, but the Astro context object is only available in .astro files. I was thinking I could inject the URL base path into the page from outside of it, but it doesn't actually seem possible to inject data into mdx files?
How would you go about putting relative links in your pages?
-
Hey, #withastro users,
Are there any best practices, guides or similar on build setups for combining multiple astro projects in one?
I have a website with a main page (radiki.dev)
a blog (radiki.dev/blog)
and multiple subprojects ( radiki.dev/project1, radiki.dev/project2 etc)
All these share some components and CSS, but they also have their own.
I guess I can make do with Makefiles or shell scripts, I was just wondering if there is a more idiomatic solution.
-
https://prass.tech/blog/upgrading-astro-to-5/
Upgrading to Astro 5 has not been effortlessly but it was a good upgrade experience nonetheless. For a blog as small as mine the changes were minimal.
-
Apres Vite 6 https://vite.dev/blog/announcing-vite6 Voici Astro 5! https://astro.build/blog/astro-5/
-
I wrote about configuring @astro to use #LightningCSS, the #Rust #CSS parser in #MozillaFirefox, to handle all the CSS things. It's actually pretty simple. And fast 😉
-
Adding my standard tailwind-breakpoints component (a dumb little widget to display the current viewport-size-as-Tailwind-class) as a proper @astro dev-toolbar app.
I think the dev toolbar is a pretty rad idea. If you haven't checked it out yet, and you build #withastro have a look: https://docs.astro.build/en/reference/dev-toolbar-app-reference/
-
Just noticed that a few details on my site made #WithAstro were outdated. Changes are pushed to GH, but I'm considering moving to an alternative origin server like Codeberg.
-
95% done porting a site to Astro. I'm sold! Astro's approach is just a much better system than Next.js for 90% of what Next.js gets used for. And as gravy it really give a very viable way to get off of React and start using a more modern component library or just plain web-components while still letting you use your legacy React components, and that is a HUGE selling point.
Next.js can just go away now I guess :stuck_out_tongue_closed_eyes:
-
Just another wild Saturday night chez Rainsberger. Working on my own side project: Astro Docs Docs (AD²)
Of course, powered by #StarlightByAstro 🌟
-
Join us tomorrow for an exciting Talking and Doc'ing in the @astro Discord!
We're revealing for the first time ever our draft branch of the Astro Docs converted to Starlight! 🌟
Help us test, troubleshoot, compare to our design specs, spot things that don't quite work yet, play with our interactive UI bits like tutorial quizzes and checklists... and maybe find some PRs to contribute to the future version of Astro Docs!
https://discord.gg/astro-lounge-830184174198718474?event=1164670521556865104
-
Join us tomorrow for an exciting Talking and Doc'ing in the @astro Discord!
We're revealing for the first time ever our draft branch of the Astro Docs converted to Starlight! 🌟
Help us test, troubleshoot, compare to our design specs, spot things that don't quite work yet, play with our interactive UI bits like tutorial quizzes and checklists... and maybe find some PRs to contribute to the future version of Astro Docs!
https://discord.gg/astro-lounge-830184174198718474?event=1164670521556865104
-
Join us tomorrow for an exciting Talking and Doc'ing in the @astro Discord!
We're revealing for the first time ever our draft branch of the Astro Docs converted to Starlight! 🌟
Help us test, troubleshoot, compare to our design specs, spot things that don't quite work yet, play with our interactive UI bits like tutorial quizzes and checklists... and maybe find some PRs to contribute to the future version of Astro Docs!
https://discord.gg/astro-lounge-830184174198718474?event=1164670521556865104
-
Join us tomorrow for an exciting Talking and Doc'ing in the @astro Discord!
We're revealing for the first time ever our draft branch of the Astro Docs converted to Starlight! 🌟
Help us test, troubleshoot, compare to our design specs, spot things that don't quite work yet, play with our interactive UI bits like tutorial quizzes and checklists... and maybe find some PRs to contribute to the future version of Astro Docs!
https://discord.gg/astro-lounge-830184174198718474?event=1164670521556865104
-
Join us tomorrow for an exciting Talking and Doc'ing in the @astro Discord!
We're revealing for the first time ever our draft branch of the Astro Docs converted to Starlight! 🌟
Help us test, troubleshoot, compare to our design specs, spot things that don't quite work yet, play with our interactive UI bits like tutorial quizzes and checklists... and maybe find some PRs to contribute to the future version of Astro Docs!
https://discord.gg/astro-lounge-830184174198718474?event=1164670521556865104
-
Just made my first open source contribution to Astro! 🚀
Excited because it's a major project I use for my own blog. Thanks to the @astro team for their great contribution docs and friendly Discord chat. Check out v2.10.0 for my little patch if you use Astro!
-
How it's going... (and the day's not over yet!)
Currently there are 16 issues open in *total* in the Astro Docs repo. (I woke up to 46, and made 2 more this morning.)
Team Docs is making Thursday look like a Friday!
(Note the "24 hour" period in the @astro docs repo stats pictured.)
Shout out to @yanthomasdev reviewing translations and @otterlord making issue-closing PRs, like two cartoon Tasmanian Devils!
#WithAstro #AstroJS #AstroDotBuild #DocsAsCode #Documentation #GitHub
-
Just wrapped up our weekly Talking and Doc'ing live stream in the @astro Discord. 3+ hours with 6 - 10 peeps hanging out helping @swithinbank & I triage Docs GitHub issues!
Session Stats:
- Started the call with 46 open issues
- Promptly created 2 new issues of our own 😅
- Opened and discussed *every single one*
- Ended the call with 22 open issues... AND 4 freshly-made PRs by audience members during the call to close more issues! 💜 🚀 🧑🚀 -
OMG I just linked my Opera Omnia repo into my #denweaver game via the super easy #withastro apis ... I'm so chuffed I could scream
-
General positivity aside: I do also want to say, though, that I'm pretty happy with my actual advice: there *are* more reasons than reusability to embrace component-based design. And, refactoring-as-pain-mitigation is a great strategy, too.
Working on the docs helps me confidently give good Astro advice. But, also "living in this house" ( 😅 ) and applying that unavoidable influence to Astro code design patterns in general are all part and parcel of the support you get when you build #WithAstro.
-
#denweaver #appwrite #withastro #replit
Making a web game and ... made actual progress this weekend! I got login working!
-
Today I have some spoons to work on Denweaver. My goal for today is to get login working. Stretch goal is to allow someone who's logged in to chat.
I'm super excited to be using #withastro and #appwrite
-
Remade my personal #website upgrading it from the good old Server Side Includes #SHTML to Astro! I kept the design fairly simple (= I'm not a designer so that is a sensible thing to do). The site should be fairly accessible too.
In the #IndieWeb fashion I now have a more or less old fashioned page for links. Maybe interesting for you, maybe not.
-
Remade my personal #website upgrading it from the good old Server Side Includes #SHTML to Astro! I kept the design fairly simple (= I'm not a designer so that is a sensible thing to do). The site should be fairly accessible too.
In the #IndieWeb fashion I now have a more or less old fashioned page for links. Maybe interesting for you, maybe not.
-
Remade my personal #website upgrading it from the good old Server Side Includes #SHTML to Astro! I kept the design fairly simple (= I'm not a designer so that is a sensible thing to do). The site should be fairly accessible too.
In the #IndieWeb fashion I now have a more or less old fashioned page for links. Maybe interesting for you, maybe not.
-
Remade my personal #website upgrading it from the good old Server Side Includes #SHTML to Astro! I kept the design fairly simple (= I'm not a designer so that is a sensible thing to do). The site should be fairly accessible too.
In the #IndieWeb fashion I now have a more or less old fashioned page for links. Maybe interesting for you, maybe not.
-
Remade my personal #website upgrading it from the good old Server Side Includes #SHTML to Astro! I kept the design fairly simple (= I'm not a designer so that is a sensible thing to do). The site should be fairly accessible too.
In the #IndieWeb fashion I now have a more or less old fashioned page for links. Maybe interesting for you, maybe not.
-
Kotisivujen uusiminen on rankkaa puuhaa. Varsinkin kun vielä kertaalleen muuttaa sisällön syntaksin muotoa, tällä erää markdowniin / Astron MDX:ään.
Enkä toki milloinkaan ole ollut mikään designeri. Kunhan kursin jotain kasaan 😅
Saa nähdä tuleeko vielä tämän kuluvankaan viikon aikana valmista...
-
Kotisivujen uusiminen on rankkaa puuhaa. Varsinkin kun vielä kertaalleen muuttaa sisällön syntaksin muotoa, tällä erää markdowniin / Astron MDX:ään.
Enkä toki milloinkaan ole ollut mikään designeri. Kunhan kursin jotain kasaan 😅
Saa nähdä tuleeko vielä tämän kuluvankaan viikon aikana valmista...
-
Kotisivujen uusiminen on rankkaa puuhaa. Varsinkin kun vielä kertaalleen muuttaa sisällön syntaksin muotoa, tällä erää markdowniin / Astron MDX:ään.
Enkä toki milloinkaan ole ollut mikään designeri. Kunhan kursin jotain kasaan 😅
Saa nähdä tuleeko vielä tämän kuluvankaan viikon aikana valmista...
-
Kotisivujen uusiminen on rankkaa puuhaa. Varsinkin kun vielä kertaalleen muuttaa sisällön syntaksin muotoa, tällä erää markdowniin / Astron MDX:ään.
Enkä toki milloinkaan ole ollut mikään designeri. Kunhan kursin jotain kasaan 😅
Saa nähdä tuleeko vielä tämän kuluvankaan viikon aikana valmista...
-
Kotisivujen uusiminen on rankkaa puuhaa. Varsinkin kun vielä kertaalleen muuttaa sisällön syntaksin muotoa, tällä erää markdowniin / Astron MDX:ään.
Enkä toki milloinkaan ole ollut mikään designeri. Kunhan kursin jotain kasaan 😅
Saa nähdä tuleeko vielä tämän kuluvankaan viikon aikana valmista...
-
#astrojs #astrodotbuild #withastro
Why Astro? Why is it that when I first tried out your app server everything didn't work and I was super frustrated - but now with your new version it all seems to "just work" and I can make my silly client side game using #kaboomjs ? What happened? Please don't 're-break' client side js! I'm going to hitch my cart to https://astro.build
-
And the last of your Astro Docs Maintainers has found his way here!
Please welcome @kevinzunigacuellar, whom you know and love, and who is merging Spanish docs PRs and reviewing your CMS guide submissions!
-
And the last of your Astro Docs Maintainers has found his way here!
Please welcome @kevinzunigacuellar, whom you know and love, and who is merging Spanish docs PRs and reviewing your CMS guide submissions!
-
And the last of your Astro Docs Maintainers has found his way here!
Please welcome @kevinzunigacuellar, whom you know and love, and who is merging Spanish docs PRs and reviewing your CMS guide submissions!
-
And the last of your Astro Docs Maintainers has found his way here!
Please welcome @kevinzunigacuellar, whom you know and love, and who is merging Spanish docs PRs and reviewing your CMS guide submissions!
-
And the last of your Astro Docs Maintainers has found his way here!
Please welcome @kevinzunigacuellar, whom you know and love, and who is merging Spanish docs PRs and reviewing your CMS guide submissions!
-
https://andrewmoore.ca is built using Astro now 🎉
It took me about 5 days to re-implement my site with @astro . The developer experience is amazing, the team is super helpful, and the build times... wow. I went from 35 minutes with #GatsbyJS down to 20 seconds (both figures are with a primed cache).
Why did I chose #withastro over #GatsbyJS or even #NextJS ? 🧵
-
#TailwindCSS Typography was ok to install, but it was a bit of a struggle to rearrange my blog layout to work with the changed margins and new spacing.
but aside from that, I can now style blog posts from within #NetlifyCMS
