Skip to content

Commit

Permalink
Merge branch 'withastro:main' into i18n-it-develop-and-build
Browse files Browse the repository at this point in the history
  • Loading branch information
Sunny-Pirate authored Jan 24, 2025
2 parents 475341d + f14603d commit 7b7a0f6
Show file tree
Hide file tree
Showing 9 changed files with 94 additions and 76 deletions.
7 changes: 6 additions & 1 deletion public/logos/firebase.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions src/content/docs/es/concepts/why-astro.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ i18nReady: true
Algunos aspectos destacados incluyen:

- **[Islas](/es/concepts/islands/):** Una arquitectura web basada en componentes optimizada para sitios web orientados al contenido.
- **[Agnostico a la UI](/es/guides/framework-components/):** Compatible con React, Preact, Svelte, Vue, Solid, Lit, HTMX, web components y más.
- **[Agnostico a la UI](/es/guides/framework-components/):** Compatible con React, Preact, Svelte, Vue, Solid, HTMX, web components y más.
- **[Servidor primero](/es/guides/on-demand-rendering/):** Mueve la renderización costosa fuera de los dispositivos de tus visitantes.
- **[Cero JS por defecto](/es/basics/astro-components/):** Menos JavaScript del lado del cliente para no ralentizar tu sitio.
- **[Colecciones de contenido](/es/guides/content-collections/):** Organiza, valida y proporciona seguridad de tipos de TypeScript para tu contenido en Markdown.
Expand Down Expand Up @@ -74,7 +74,7 @@ Un sitio web de Astro puede [cargar un 40% más rápido con un 90% menos de Java

El lenguaje de UI `.astro` es un superconjunto de HTML: ¡cualquier HTML válido es una sintaxis de plantilla válida en Astro! Entonces, si puedes escribir HTML, ¡puedes escribir componentes de Astro! Pero, además combina algunas de nuestra características favoritas tomadas de otros lenguajes de componentes, como expresiones JSX (React) y CSS con ámbito por defecto (Svelte y Vue). Esta cercanía a HTML también facilita el uso de mejoras progresivas y patrones comunes de accessibilidad sin un costo adicional.

Luego nos aseguramos de que también pudieras usar tus lenguajes de componentes de UI favoritos que ya conoces e incluso reutilizar componentes que ya puedas tener. React, Preact, Svelte, Vue, Solid, Lit y otros, incluidos los web components, son compatibles para la creación de componentes de UI en un proyecto de Astro.
Luego nos aseguramos de que también pudieras usar tus lenguajes de componentes de UI favoritos que ya conoces e incluso reutilizar componentes que ya puedas tener. React, Preact, Svelte, Vue, Solid y otros, incluidos los web components, son compatibles para la creación de componentes de UI en un proyecto de Astro.

Astro fué diseñado para ser menos complejo que otros frameworks y lenguajes UI. Un gran motivo para esto es que Astro fué diseñado para renderizar en el servidor, no en el navegador. Esto significa que no necesitas preocuparte acerca de: hooks (React), closures obsoletas (también React), refs (Vue), observables (Svelte), atoms, selectores, reacciones o derivaciones. No hay reactividad en el servidor, por lo que toda la complejidad desaparece.

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/es/editor-setup.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ Además de editores de código locales, Astro también funciona en editores de c

- [StackBlitz](https://stackblitz.com/) y [CodeSandbox](https://codesandbox.io) - editores de código online del navegador, con resaltado de sintaxis incorporado para archivos `.astro`. ¡No necesita instalación o configuración!
- [GitHub.dev](https://github.dev/) - te permite instalar la extensión de Astro para VS Code como una [extensión web](https://code.visualstudio.com/api/extension-guides/web-extensions), la cual te da acceso a solo algunas de las características de la extensión completa. Actualmente, solo soporta el resaltado de sintaxis.
- [Gitpod](https://gitpod.io/) - es un entorno de desarrollo en la nube en el que puedes instalar la extensión de VS Code oficial desde Open VSX.
- [IDX](https://idx.dev) y [Gitpod](https://gitpod.io/) - es un entorno de desarrollo en la nube en el que puedes instalar la extensión de VS Code oficial desde Open VSX.

## Otras herramientas

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/ko/guides/deploy/cloudflare.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ import { Steps } from '@astrojs/starlight/components';

2. 코드를 Git 저장소 (GitHub, GitLab)에 푸시합니다.

3. Cloudflare 대시보드에 로그인하고 **계정 홈** > **Workers 및 Pages** > **개요** 탭에서 계정을 선택하세요.
3. Cloudflare 대시보드에 로그인하고 **계정 홈** > **컴퓨팅(Workers)** > **Workers 및 Pages** > **개요** 탭에서 계정을 선택하세요.

4. **응용 프로그램 생성**을 선택하고 **Pages** 탭을 선택한 후 **Git에 연결** 옵션을 선택합니다.

Expand Down
40 changes: 22 additions & 18 deletions src/content/docs/ko/guides/migrate-to-astro/from-gatsby.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ stub: false
framework: Gatsby
i18nReady: true
---
import { Steps } from '@astrojs/starlight/components';
import { Steps, LinkCard, CardGrid } from '@astrojs/starlight/components';
import AstroJSXTabs from '~/components/tabs/AstroJSXTabs.astro';
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';

Expand Down Expand Up @@ -566,23 +566,27 @@ export const pageQuery = graphql`
About 페이지를 방문할 때만 "Home" 링크가 표시됩니다.
</Steps>

## 커뮤니티 자료

- 블로그 게시물: [Migrating from Gatsby to Astro](https://loige.co/migrating-from-gatsby-to-astro/)
- 블로그 게시물: [Migrating to Astro was EZ](https://joelhooks.com/migrating-to-astro-was-ez).

- 블로그 게시물: [My Switch from Gatsby to Astro](https://www.joshfinnie.com/blog/my-switch-from-gatsby-to-astro/).

- 블로그 게시물: [Why I moved to Astro from Gatsby](https://dev.to/askrodney/why-i-moved-to-astro-from-gatsby-3fck).

- 블로그 게시물: [Migrating my website from Gatsby to Astro](https://dev.to/flashblaze/migrating-my-website-from-gatsby-to-astro-2ej5).

- 블로그 게시물: [Another Migration: From Gatsby to Astro](https://logarithmicspirals.com/blog/migrating-from-gatsby-to-astro/).

- 블로그 게시물: [Why and how I moved my blog away from Gatsby and React to Astro and Preact](https://www.helmerdavila.com/blog/en/why-and-how-i-moved-my-blog-away-from-gatsby-and-react-to-astro-js-and-preact)

- 블로그 게시물: [How I rewrote my HUGE 100gb+ Gatsby site in Astro and learned to love it in the process](https://dunedinsound.com/blog/how_i_rewrote_my_huge_gatsby_site_in_astro_and_learned_to_love_it_in_the_process/)
## 커뮤니티 리소스

<CardGrid>
<LinkCard title="Migrating from Gatsby to Astro" href="https://loige.co/migrating-from-gatsby-to-astro/"
description="이 블로그를 Gatsby에서 Astro로 마이그레이션한 방법과 이유, 그리고 그 과정에서 배운 것들." />
<LinkCard title="Migrating to Astro was EZ" href="https://joelhooks.com/migrating-to-astro-was-ez"
description="Gatsby에서 Astro로 마이그레이션하는 과정과 Astro를 선택한 이유."
/>
<LinkCard title="My Switch from Gatsby to Astro" href="https://www.joshfinnie.com/blog/my-switch-from-gatsby-to-astro/"
description="Astro로의 전환은 분명 블로그 포스트를 쓸 만한 주제입니다! Astro는 정적 웹 개발 분야를 더 나은 방향으로 혁신하고 있습니다."/>
<LinkCard title="Why I moved to Astro from Gatsby" href="https://dev.to/askrodney/why-i-moved-to-astro-from-gatsby-3fck"
description="전환하고 싶었던 이유와 Astro가 왜 좋은 선택이었는지 간단히 살펴봅니다." />
<LinkCard title="Another Migration: From Gatsby to Astro" href="https://logarithmicspirals.com/blog/migrating-from-gatsby-to-astro/"
description="개인 웹사이트를 Gatsby에서 Astro로 전환한 과정과 그 마이그레이션 과정에서의 통찰과 경험을 공유합니다."/>
<LinkCard title="Migrating my website from Gatsby to Astro" href="https://dev.to/flashblaze/migrating-my-website-from-gatsby-to-astro-2ej5"
description="Astro님이 채팅에 입장하였습니다." />
<LinkCard title="Why and how I moved my blog away from Gatsby and React to Astro Js and Preact" href="https://www.helmerdavila.com/blog/en/why-and-how-i-moved-my-blog-away-from-gatsby-and-react-to-astro-js-and-preact"
description="단순함과 동시에 강력함이 모든 것의 핵심입니다." />
<LinkCard title="How I rewrote my HUGE Gatsby site in Astro and learned to love it in the process" href="https://dunedinsound.com/blog/how_i_rewrote_my_huge_gatsby_site_in_astro_and_learned_to_love_it_in_the_process/"
description="모든 것이 더 빠르고, 더 행복하고, 더 생산적입니다."/>
</CardGrid>

:::note[공유할 자료가 있나요?]
Gatsby 사이트를 Astro로 전환하는 방법에 대한 유용한 비디오나 블로그 게시물을 찾았거나 만들었다면 [이 페이지를 편집](https://github.com/withastro/docs/edit/main/src/content/docs/en/guides/migrate-to-astro/from-gatsby.mdx)하여 여기에 추가하세요!
Expand Down
7 changes: 4 additions & 3 deletions src/content/docs/ko/guides/upgrade-to/v5.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -141,21 +141,22 @@ Astro 5.0은 여러 성능 향상과 추가 기능을 제공하는 콘텐츠 레
});
```

3. **`slug``id`로 참조 변경하기**. 콘텐츠 레이어 컬렉션에는 예약된 `slug` 필드가 없습니다. 대신, 모든 업데이트된 컬렉션은 `id`를 가지게 됩니다. 변경된 getStaticPaths() 매개변수와 일치하도록 동적 라우팅 파일 이름도 업데이트해야 할 수 있습니다:
3. **`slug``id`로 참조 변경하기**. 콘텐츠 레이어 컬렉션에는 예약된 `slug` 필드가 없습니다. 대신, 모든 업데이트된 컬렉션은 `id`를 가지게 됩니다:

```astro ins={7} del={6}
// src/pages/[id].astro
// src/pages/[slug].astro
---
export async function getStaticPaths() {
const posts = await getCollection('blog');
return posts.map((post) => ({
params: { slug: post.slug },
params: { id: post.id },
params: { slug: post.id },
props: post,
}));
}
---
```
변경된 `getStaticPaths()` 매개변수와 일치하도록 동적 라우팅 파일 이름도 업데이트 할 수 있습니다

4. **새로운 `render()` 함수로 전환하기**. 이제 항목들이 직렬화 가능한 일반 객체이므로 더 이상 `render()` 메서드를 가지지 않습니다. 대신, `astro:content`에서 `render()` 함수를 가져와야 합니다.

Expand Down
Loading

0 comments on commit 7b7a0f6

Please sign in to comment.