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
0 answers

Publish a message to AWS SNS topic on on_failure_callback from DAG

I have a DAG that I have deployed on astro.In the DAG I have on_failure_callback as the default parameter on the dag level and I am calling a method that publishes to the aws sns topic when the dag fail, However, I am getting this error. Has someone…
0
votes
0 answers

Active transition when setting initial theme

When switching between (for example) Blog anchor and Home anchor in dark mode in my website, all the transitions are "executed" just after document.documentElement.dataset.theme = "dark" if localHost.theme == "dark" runs when the any page loads.…
ferran
  • 100
  • 2
  • 8
0
votes
0 answers

Styled-components astro not load without client:load option

Hello im trying to use styled-components on my astro-react project, the problem is that when i loaded the component in the index.astro file, i need to specifify the directive client:load, because styled-components render on the client, but i dont…
0
votes
0 answers

"astro build" runs fine in dev mode, but when I try to deploy with GitHub Pages it crashes with Could not resolve component

EDIT: I solved the issue but I'm leaving it here for others: The problem was that I had changed the folder name from "Cards" to "cards" at some point in order to be consistent, but it didn't update in GitHub, no matter how many times I committed. I…
Radubradu
  • 1
  • 1
0
votes
0 answers

Amplify Google Search Console Redirect Error

I've built an hosted an Astro SSG application using Amplify with routing provided via Route53, and I'm trying to get the site properly indexed. I'm encountering some odd issues with my redirects and am getting both Redirect error and Not found (404)…
Recaptchow
  • 35
  • 3
0
votes
0 answers

fs problem when using google-apis in Astro project

In my astro project, I'm trying to build an api end point in order to make a POST request to the google sheets api. To achieve this, I've installed the google-apis package. The problem in question is when the localhost is initialised, the following…
0
votes
1 answer

How to apply a css style to just one component in Astro without affecting the index where that component is imported?

I'm developing a test project in Astro for the first time and I have a problem with the import index, basically I would like to show a list of tweets like in this example of the bulma framework: Example of the element box on bulma The problem is…
0
votes
0 answers

Fetching data from an API using a react component in an astro project

I've integrated react into my astro project with the hope of incorporating some dynamic functionality. It's all working great except when tryin to fetch data from a remote rest api endpoint inside of one of my react components. I'm aware of the top…
Mike
  • 1
  • 1
0
votes
2 answers

Any way to init an astro component by string?

I am fetching some data from my CMS and got stuck trying to initialize a component i get as a string. These are my components as a string array: [ '
', '
stepframe
  • 11
  • 3
0
votes
1 answer

How can I force Astro to render my markdown with scoped classes within a component?

I have an Astro component in which I'm rendering markdown to html (with @astropub/md), and then trying to target the rendered markdown with scoped CSS within the component. However, the css scoping is expecting classes that are not being rendered by…
Justin Parks
  • 108
  • 1
  • 8
0
votes
1 answer

"Blob is not defined" using react-media-recorder in Astro project

I have an Astro project with some React components, and I am trying to use react-media-recorder. My code is pretty simple, a React component put into an Astro page: import { useReactMediaRecorder } from "react-media-recorder"; function…
Cassidy
  • 3,328
  • 5
  • 39
  • 76
0
votes
1 answer

Astro JS / Javascript : Replace image with image clicked

I have been trying to get this working but can't. I am using Astro (Tailwind and React, but not relevant here). I want to have one main image, that is replaced when you click on one of the smaller images that are mapped out from my collections…
0
votes
0 answers

Vue + Astro: Is it posible for astro pages to get data from scoped slots of vue component?

Vue allows child components to pass data to parent components using scoped slots this way: //child.vue //parent.vue