#astrojs
Does anyone know how to fix the @astro plugin in VSCodium not understanding path aliases since 3.0? I'm working on migrating my personal site.
Edit: The issue has been found: I didn't have .astro files included in my tsconfig.
I've been really enjoying working with #AstroJS on a side project, but I hit a showstopper bug: https://github.com/withastro/astro/issues/8653
Trying to decide if I have the mental energy to work on a fix this weekend
currently using #astrojs at work, i like the framework alot but one of my coworkers really hates it.
i will soon i will also be continuing to learning #rust in my free time, atleast once i have a small schedule setup.
also im also working on a personal site created in astro, im either going to use #strapi as a #cms or make my own cms. we will see.
its hard but im slowly getting my stuff together~
Astro 3.0 + View Transitions is really cool! It's exciting to see web pages closing the gap on UX polish typically found in native apps, and the declarative CSS approach is really promising.
Here's some quick thonks from implementing them on my blog tonight.
https://chromakode.com/post/astro-view-transitions #astrojs #webdev #css
Starting to design my wedding website :ChikaYay:
Using Astro with the newly production-ready Bun to build it. Super excited to try out this combination! And obviously super excited about the wedding too :spyfam_anya_happy:
AstroJS continues to impress me. Just tried out their new Content Collection feature!
Just started using #AstroJS and I'm already wondering why I didn't use of this framework earlier.
Just deployed the newest version of my personal site. It is built with @astro (which I love btw). Anyway, let me know what you think https://zander.wtf #withastro #astrojs #astrodotbuild
I've redesigned my blog using #astrojs and I hope to write some more on it in the future: https://bendaha.eu.org/blog/hello/
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!
if @astro isn't your favorite web framework, you're wrong. It's just a joy to work with. Right tool for the right job, of course, but after using Astro I can't imagine using SSG in Nuxt or Sveltekit again. #astrojs #nuxtjs #sveltekit
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! 💜 🚀 🧑🚀
In #AstroJS components:
- The component script (in three dashes) runs for each component instance
- The styles are scoped to the component's DOM elements
- The HTML is copied for each component instance
Everything is per-instance.
Except the flipping script elements. 🤪 By design, they're NOT per-instance. Many of my page's components need to attach similar event listeners, but they'll conflict if I don't write my selectors super carefully (or find another way to scope the scripts). Blargh.
@MrShoggoth I started out using #godotengine but I'm switching gears to make it wholly web using #astrojs and #kaboomjs
#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
I think I've made the following conclusions about #AstroJS. This is after 3-4 days of working with it on a side project.
1. Astro components are DIFFICULT and I'll even say PAINFUL to use for pieces of the page that have ANY interactive behavior.
2. (I originally thought they'd be fine as long as I wasn't doing anything very dynamic with the DOM) but:
🧵
Argh. I want to like #AstroJS, but it’s actually proving really frustrating for what I’m trying to do.
It’s not doing anything wrong, but it doesn’t work the way I want it to. 🤷♂️
#astrojs is now version 2???? what
after I found (and read) this article (on #mastodon I guess but don't know, you know, it‘s a network without a f...ing search 😀) I played around with #AstroJS. It's nice, easy to understand and fast, given the fact it's #javascript. actually it's somewhat similar to #JekyllRB. #webdev
https://ryantrimble.com/blog/why-astro-is-my-favorite-framework/
Stuff like this makes me happy.
https://docs.astro.build/en/guides/markdown-content/#using-components-in-mdx
#AstroJS #AstroDotBuild
Hey, @astro fans, do you have any questions that you think I should ask Matthew Phillips on the stream tomorrow?
9am Pacific, 12pm Eastern
#TIL here's the way to remove a stale service worker: ship a new one that looks like https://codito.in/sw.js. Service worker update check happens when a page/asset is loaded for the parent website scope. We unregister and then reload the asset. Hat tip: https://scottspence.com/posts/remove-service-worker
Hey, I got reblogged! Great job, Josh! I love that it worked for you so well!
I recently added Fathom analytics to my site and with it added an event to those similar post links. Solid engagement so far, so people are finding it to be a helpful feature.
Quote @joshfinnie: I wrote up a small summary of building an #astrojs component that pulls in posts readers also might enjoy to try and boost engagement of older posts.
Read about it here:
https://www.joshfinnie.com/blog/creating-a-similar-posts-component-in-astrojs/
🚨 🚨 New Blog Post 🚨 🚨
I wrote up a small summary of building an #astrojs component that pulls in posts readers also might enjoy to try and boost engagement of older posts.
Read about it here:
https://www.joshfinnie.com/blog/creating-a-similar-posts-component-in-astrojs/
ブログ記事「NotionをCMSとして使う、astro-notion-blogをVercelで動かしてみた」を公開しました！
公式いわく「ストイックで玄人志向な人のために作った新しいNotionブログ」、面白いですよ。ぜひお試しを✨
https://necco.inc/note/19508
#AstroJS #Notion #Vercel
We are slowly getting more of the @astro community on the 'don! 🚀
Welcome the latest Astro maintainer, one of our key Docs peeps and a leader in our a11y and i18n efforts: @yanthomasdev 🥳
Wondering about #hugo vs #astrojs vs #11ty for my personal blog. I've been using Astro, however I've also been having some problems upgrading to 2.0 so I've been looking at Hugo.
It seems really fast, providing a great dev experience and quite extensible, yet simple. What are y'alls opinions on Hugo?
@arnandegans @ThatBlairGuy @davidshq @classicpress
1. You should write for other high traffic, high profile sites too. (10-20 percent of your best posts)
2. Look into #HugoCMS or #AstroJS while using #frontmattercms (vs code extension)
TFW you really like the direction of your website design in Sketch so now you have to decide if you want to keep designing everything in a design app or if you want to jump into designing in the browser with an #AstroJS build, instead.
#astrojs hit's 2.0! Wild!
I'm continuing to play around with @astro (and continuing to thoroughly enjoy myself 🚀), so I figured I'd write up a little of what I've been playing around with.
Specifically, how I'm managing data in Astro locally with some JSON files. I'd be particularly interested in hearing about other solutions to this problem, because it does feel a little hacked-together at the moment 😅
Something I love about using Astro is how it challenges me to re-think the way I architecture my websites.
Instead of depending on generic components for some eye-candy like magnetism and parallax effects, which would require unnecessarily hydrating large parts of the website, I'm starting to use more top-level scripts.
I have an observer for example that looks for any elements with a `data-parallax` attribute and then sets individual CSS variables on them for the effect. 👌
Started properly playing around with @astro this evening and so far I'm struck by two main takeaways:
- The onboarding experience is ✨ super slick ✨, love it;
- Working with #React for so long has made me forget _so much_ foundational JavaScript 😅 (it's slowly coming back, thankfully!)
Looking forward to exploring further! 🚀
https://changelog.com/jsparty/238 Build faster websites with Astro 1.0
Started rebuilding my personal website with AstroJS. Love it!
Expect more changes to come the next couple days .. weeks..
Been working on rebuilding my blog in #AstroJS, but I got distracted by codeblocks! I ended up hacking together a custom Remark plugin that parses magic comments using "@(...)" to apply custom CSS classes or skip over sections of code :blobfoxhappy:
Works best paired with #TailwindCSS!
This Christmas break I’ve spent some time tinkering. I built my own linktree-esque link page with Astro and NetlifyCMS (https://links.petelambertmusic.com) and I spent some time on my long neglected personal site (https://petelambert.com, upgrading to @eleventy 2.0, fixing a bunch of stuff, improving typography and working on some clever CSS. Fun break from work :-) #personalsites #webdev #astrojs #ssg #eleventy
I think I need to start moving away from this server framework / widget / modular server idea. It has so many red flags when it comes to keeping things simple, and feels like I'm creating my own tomb. I should just make things with #AstroJS and call it a day...
https://dev.to/reggi/the-vision-behind-the-widget-site-a-deep-dive-into-component-based-design-3mam
damn. i hate updating #astrojs. migration guide is lackluster
really love how easy it's been keeping my blog up-to-date now that #astrojs has hit 1.x... LOVE THIS FRAMEWORK!
#oss #foss #servers #frameworks #typescript #javascript #deno #vr #ai #nocode #lowcode #solidjs #preact #web3 #astrojs #html #webcomponents #github #vscode #cli #opensource #coding #programmer #adamsavage #hasanabi #alanwatts #nyc #brooklyn #queens #astoria #graphicdesign #startups #sewing #cosplay #thriftstores #upcycling #hotyoga #yoga #meditation #tonglen #lojong #buddhism #espresso #coffee #socalism #maker #3dprinting #vr #quest2 #metaquest2 #starwars #marvel
For anyone else dealing with problems adding global styles to #AstroJS, @matthewp helped me with a way to inject global styles into each page. Add this to the astro config:
```
integrations: [
{
name: "my-global-css",
hooks: {
"astro:config:setup": ({ injectScript }) => {
injectScript("page-ssr", 'import "@styles/global.scss";');
},
},
},
```
(we have an alias set up for `@styles`)
If you were to use a #StaticSiteGenerator other than #AstroJS, what would you pick and why? I'd prefer to keep working in a component-based workflow, and tend to avoid template-based frameworks. Anything else out there fit the bill? Maybe #Remix?
I like #AstroJS, I really do. But I'm starting to think about replacing it. I get different css cascades in dev than in prod, and each time we update Astro to fix one edge case, 10 other styles break (but only in prod).