i18n(ja): Add guides/migrate-to-astro/from-to-gatsby.mdx
#11494
Conversation
github-actions
bot
added
the
i18n
✅ Deploy Preview for astro-docs-2 ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site configuration. |
Lunaria Status Overview🌕 This pull request will trigger status changes. Learn moreBy default, every PR changing files present in the Lunaria configuration's You can change this by adding one of the keywords present in the Tracked Files
Warnings reference
|
|
Hello! Thank you for opening your first PR to Astro’s Docs! 🎉 Here’s what will happen next:
|
jp-knj
force-pushed
the
jp-knj-i18n-ja-guides-migrate-to-astro-from-gatsby
branch
from
e643067 to
6a38999
Compare
jp-knj
force-pushed
the
jp-knj-i18n-ja-guides-migrate-to-astro-from-gatsby
branch
from
5350b52 to
97d0df8
Compare
|
|
||
| - Astroは[インストールNPMパッケージ](/ja/guides/imports/#npm-packages)をサポートしており、Reactライブラリも含まれます。多くの既存の依存関係はAstroで動作します。 | ||
|
|
||
| - Gatsbyと同様に、AstroプロジェクトもSSGを選択できるほか、[ページ単位の事前レンダリングを伴うSSR](/en/guides/on-demand-rendering/)に対応しています。 |
There was a problem hiding this comment.
"事前レンダリング" vs "プリレンダリング"
"事前レンダリング": 6 results found
https://github.com/search?q=repo%3Awithastro%2Fdocs%20%E4%BA%8B%E5%89%8D%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0&type=code
"プリレンダリング": 4 results found
https://github.com/search?q=repo%3Awithastro%2Fdocs+%E3%83%97%E3%83%AA%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0&type=code
| <CardGrid> | ||
| <LinkCard title="Migrating from Gatsby to Astro" href="https://loige.co/migrating-from-gatsby-to-astro/" | ||
| description="How and why I migrated this blog from Gatsby to Astro and what I learned in the process." /> | ||
|
|
||
| <LinkCard title="Migrating to Astro was EZ" href="https://joelhooks.com/migrating-to-astro-was-ez" | ||
| description="This is about the process of migrating from Gatsby to Astro, and why I chose Astro." /> | ||
|
|
||
| <LinkCard title="My Switch from Gatsby to Astro" href="https://www.joshfinnie.com/blog/my-switch-from-gatsby-to-astro/" | ||
| description="The switch to Astro is definitely worth a blog post! It’s revolutionizing the static web development scene for the better."/> | ||
|
|
||
| <LinkCard title="Why I moved to Astro from Gatsby" href="https://dev.to/askrodney/why-i-moved-to-astro-from-gatsby-3fck" | ||
| description="Taking a quick look at what made me want to switch and why Astro was a good fit." /> | ||
|
|
||
| <LinkCard title="Another Migration: From Gatsby to Astro" href="https://logarithmicspirals.com/blog/migrating-from-gatsby-to-astro/" | ||
| description="Learn about how I transitioned my personal website from Gatsby to Astro as I share insights and experiences from the migration process."/> | ||
|
|
||
| <LinkCard title="From Gatsby gridlock to Astro bliss: my personal site redesign" href="https://jwn.gr/posts/migrating-from-gatsby-to-astro/" | ||
| description="Gatsby has shown its age and I found myself seeking a modern alternative. Enter Astro — a framework that has breathed some new life into this site."/> | ||
|
|
||
| <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="All is about simplicity and power at the same time." /> | ||
|
|
||
| <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="Everything is faster. Happier. More productive."/> | ||
|
|
||
| <LinkCard title="How I switched from Gatsby to Astro (While Keeping Drupal in the Mix)" href="https://albert.skibinski.nl/en/blog/how-i-switched-gatsby-astro-while-keeping-drupal-mix/" | ||
| description="I came across the relatively new Astro, which ticked all the boxes."/> | ||
|
|
||
| <LinkCard title="Migrating my website from Gatsby to Astro" href="https://dev.to/flashblaze/migrating-my-website-from-gatsby-to-astro-2ej5" | ||
| description="Astro has entered the chat." /> | ||
|
|
||
| <LinkCard title="Gatsby to Astro" href="https://alvin.codes/writing/gatsby-to-astro" | ||
| description="Why and how I migrated this website from Gatsby to Astro."/> | ||
|
|
||
| </CardGrid> |
There was a problem hiding this comment.
this resources are very helpful, so I’ve left them as they are.
| </div> | ||
| ``` | ||
|
|
||
| Reactコンポーネントが複数の子要素を渡す場合は、[named slots](/en/basics/astro-components/#named-slots)を使用してAstroコンポーネントに移行できます。 |
|
|
||
| ### スタイリングを変換する | ||
|
|
||
| 必要に応じて、[CSS-in-JSライブラリ](https://github.com/withastro/astro/issues/4432)（例：styled-components）をAstroで使用できるCSSオプションに置き換える必要があります。 |
There was a problem hiding this comment.
styled-components as a project is in "maintenance mode". If necessary, delete this line.
https://opencollective.com/styled-components/updates/thank-you
|
|
||
| #### MarkdownとMDXページ | ||
|
|
||
| AstroはMarkdownをネイティブサポートし、MDX用のオプション統合も提供しています。既存の**[MarkdownとMDXファイル](/en/guides/markdown-content/)**を再利用できますが、フロントマターに**[Astro専用の`layout`プロパティ](/en/basics/layouts/#markdown-layouts)**を追加するなどの調整が必要な場合があります。これらのファイルも`src/pages/`に置けば自動的にファイルベースルーティングを利用できます。 |
jp-knj
changed the title
guides/migrate-to-astro/from-to-gatsby.mdx
jp-knj
changed the title
guides/migrate-to-astro/from-to-gatsby.mdxguides/migrate-to-astro/from-to-gatsby.mdx
Description (required)
Add missing Japanese translation for the “Guided example: Gatsby layout to Astro” section
This improves completeness of the Japanese docs and aligns them with the latest English source.
original source: https://github.com/withastro/docs/blob/main/src/content/docs/en/guides/migrate-to-astro/from-gatsby.mdx
Related issues & labels (optional)
i18nDiscord: jp-knj