Stack Overflow
Stack Overflow

Questions tagged [astro]

Astro is an all-in-one web framework for building fast, content-focused websites. More info can be found here: https://astro.build/

Astro is an all-in-one web framework for building fast, content-focused websites.
More info can be found here: https://astro.build/

252 questions
0
votes
1 answer

CSS rules from component are ignored when using slots

What I expect to happen is the h3 within the component to be styled. I have created the styles for the h3 element within the component. The .card styles are applied but not the .card h3 styles are not. I've searched the docs thinking…
BugHunterUK
  • 8,346
  • 16
  • 65
  • 121
0
votes
1 answer

Astro 2.0 on AWS Amplify

I'm trying to use the SSR with AWS Amplify but when I activate the Node.js and change the output type to server. When I deploy to server I got an 404 error page. I tried to build the project and I have to run two npm commands: npm run build and…
Marcos
  • 135
  • 6
  • 16
0
votes
0 answers

TypeError: Cannot read properties of undefined (reading 'url') when trying to paginate

I'm following along with this pagination and lazy loading tutorial: https://hygraph.com/blog/lazy-load-content-astro-hygraph-pagination I played around in Hygraphs's API playground and swapped 'post' with 'product' where needed to make it fit my…
Spectari
  • 1
  • 1
0
votes
1 answer

Is there a way to access the children of an astro slot?

I am trying to use an astro slot to pass children to a SolidJS component. My Solid component uses its children to generate slides. {props.children} The problem is that when I try to do this, the children I pass to the component…
Aleksandr Albert
  • 1,777
  • 1
  • 19
  • 26
0
votes
1 answer

I want to display a spinner before loading the react component in Astro

How can I display a spinner or Skeleton CSS before loading the component I use client-only for react components in Astro page my spinner code
arezoo ebrahimi
  • 55
  • 6
0
votes
1 answer

Nanostores in Astro is not working as expected with Vue... does not sync or hold state on page re-render

I am trying to create an online store with astro while using Vue componenents (SSR suing Netlify as an Adapter). It's been a good learning experience and I am intentionally not using NUXT as I'd like to try out the SSR option of Astro with Vue…
Alim Bolar
  • 479
  • 4
  • 17
0
votes
1 answer

Does Astro have a way to do Next.js-style "Dynamic Imports"?

Next.js has a feature called Dynamic Imports, where you can wrap a import function call in a Next.js provided dynamic function and the file will be bundled, provided via server available directly to the front-end browser code. Does Astro provide…
ThomasReggi
  • 55,053
  • 85
  • 237
  • 424
0
votes
1 answer

@astrojs/image does not work properly when I use images with external links

I use @astrojs/image But when I use the address of a photo with an external link, it does not show the photo in the production environment
arezoo ebrahimi
  • 55
  • 6
0
votes
3 answers

astro-i18next Tfunction showing keys instead of translation

I use t() function to translate text. The function is acting like there are no locales in astros /public folder. My file structure My translation.json file for en: { "index": { "testHeader": "Test Header" } } Here is my index page…
Mihal
  • 3
  • 4
0
votes
1 answer

Colocating Assets and Posts in Astro

Is there any way to colocate markdown files and the assets referenced in those markdown files in a single folder in astro. What i am looking for is to have a sirectory structure similar to the following: src/ posts/ post1/ …
emg184
  • 850
  • 8
  • 19
0
votes
1 answer

AstroJS Image crashes dev server

I try to get an image into my prjoject via Astro/Image. The "normal" works fine but not with the component of . I did the import : import { Image, Picture } from "@astrojs/image/components"; ...
Robert Seidel
  • 11
  • 2
0
votes
1 answer

How to make all the size of the card component in Daisy UI vertically equal to the one beside it

I am using the daisy UI with astro static site generator for creating a blog, the card component of daisy UI is used and the problem is cards adjacent to each other get different size based on the content length in each card, is there a way I can…
Tejas Shah
  • 55
  • 9
0
votes
1 answer

Astro with React. AVIF Images not rendering on mobile

Using astro and react I have a custom image component: ImageWBorder return (
Ben Shekhtman
  • 385
  • 5
  • 15
0
votes
2 answers

Can i pass props from a child component to parent in Astro?

Please tell me is it possible to pass props from a child Astro component to the parent? Something like callback in React: { //do something with arg }} /> Are there some analogues in Astro? Thanks for attention!
Kiten
  • 985
  • 2
  • 17
  • 35
0
votes
0 answers

How to disable the white boxes for Astro in vscode?

screenshot of issue In Astro specifically, whenever I click a div, all the divs in the whole file get a white box around them. I imagine it's vscode not playing nice with Astro just yet. I have the official Astro extension installed and am trying…
RubberDuck
  • 1
  • 1
  • 1
1 2 3
…
16 17