awesome astro 다운로드 - awesome astro 소스 코드 다운로드

awesome astro

기타 카테고리

1.0.0

다운로드

멋진 아스트로

크로스 프레임워크 구성 요소, 스타일 및 반응형 매장 지원을 통해 정적 및 서버 렌더링 사이트를 구축하는 새로운 방법 인 Astro를 사용하여 사이트 구축 에 대한 선별된 리소스를 제공합니다. 콘텐츠에 감사하고 프로젝트 가시성을 지원한다면 ?| | ?.

Astro는 매우 새롭고 , 개선되고, 표현력이 더욱 풍부해지고 강력해졌지만, API 중 일부는 여전히 진화하고 있습니다. 이 페이지는 모든 귀중한 참고 자료를 수집하고 Astro가 첫 번째 안정 버전을 출시할 때 유용한 리소스가 되기를 열망합니다.

공식 문서 | 새 프로젝트를 시작하거나 Code Sandbox를 사용하세요.

✍️ 블로그

Astro 1.0 이후에 게시된 블로그를 찾으려면 게시물 제목에서 NEW 를 찾으세요.

Astro 소개: JavaScript를 덜 사용하여 배송 - Fred K. Schott
Astro와 함께하는 건물 살펴보기 - Chris Coyier
Astro에 대한 생각 - Chris Coyier
Astro에 대한 우리의 경험 - Georges
Netlify CMS, Forestry CMS(재방문) 및 Snipcart를 갖춘 Astro - Navillus
Astro를 사용하여 JavaScript 없이 React 앱을 구축하는 방법 - Colby Fayock
Astro로 아주 빠른 사이트 구축: 소개 - Cassidy Williams
Astro의 첫 번째 살펴보기, 천문학적 결과
Astro가 중요한 이유
SvelteKit에서 Astro로
Astro 시작하기 — 혁신적인 정적 사이트 생성기
Astro는 여러분이 가장 좋아하는 정적 사이트 생성기가 될 것입니다
Astro - Parts → 1 - 2 - 3 - 4 - 5로 레시피 모음 웹사이트 구축
Astro: 더 적은 JavaScript로 더 빠른 앱 구축
시리즈 - 잉크를 만들면서 Astro 배우기 - 시작 및 실행
시리즈 - 잉크를 만들면서 Astro 배우기 - Astro 및 사이트 구조
시리즈 - 잉크를 만들면서 Astro 배우기 - Astro 및 데이터
시리즈 - 잉크를 만들면서 Astro 배우기 - Astro 및 상호작용
시리즈 - 잉크를 만들면서 Astro 배우기 - Astro 및 동적 페이지
Astro 시작하기
SvelteKit에서 Astro로 마이그레이션
Astro, Tailwind CSS 및 Nx가 포함된 개인 웹사이트
Cloudflare 작업자의 Astro
아스트로 사건
빠른 앱을 구축하여 Astro.js의 이점을 살펴보세요 NEW
Astro 및 공유 요소 전환 API를 사용한 실험 NEW
Fauna + GraphQL + Astro를 사용하여 서버리스 애플리케이션 구축 NEW
Tailwind CSS 및 Flowbite를 사용하여 Astro를 설치하는 방법 알아보기 NEW
Astro NEW 의 자동 기사 제안
웹 포트폴리오를 만들어 Astro를 배우세요(스페인어) NEW
애니메이션 SVG - 최고의 웹 형식 NEW
Astro의 콘텐츠 시스템 소개 NEW

? 비디오/스크린캐스트/Twitch

Astro가 방금 출시되었습니다.... 이것이 궁극적인 웹 프레임워크가 될 수 있을까요?
브래드 트래버스(Brad Traversy)의 Astro Crash Course
Astro v1의 새로운 기능은 무엇입니까?
나는 Astro를 처음으로 시험해 본다!
아스트로와 스벨트
CSS 캐스케이드 레이어와 Astro를 갖춘 최신 웹사이트
웹 프레임워크의 차세대 물결은 BYOJS입니다.
Astro를 타고 떠나다 - 포트폴리오 에디션

1.0 이전

Astro로 더 적은 JavaScript 출시 - Fredd K. Schott 및 Jason Lengstorf
Speakeasy JS – Astro: 최신 웹을 위한 새로운 아키텍처 - Fred K. Schott (YouTube - Speakeasy JS)
100초 동안의 Astro - Jeff Delaney (Fireship)
Astro에 대한 야핑 - Chris Coyier (CSS Tricks)
아스트로 FTW! Vue와 React는 동일한 앱에서 함께 작동할 수 있습니다 - Jamstack Fridays
Nate Moore와 함께 Astro 학습하기 - Nate Moore (YouTube - React Wednesdays)
Astro로 JS를 덜 출시하세요 - Jamstack Training
Astro SSG를 사용하여 HTML용 템플릿 레이아웃 만들기 - Kevin Powell
Astro로 더욱 빠른 웹사이트 구축
Airtable 및 Netlify를 사용하여 댓글 추가
오픈 소스를 통해 커뮤니티 성장 | Astro의 Fred K. Schott| 비밀 소스

? 응축된 생각 조각(트위터 스레드)

Georges는 Astro를 메타 웹 프레임워크로 사용합니다.
Incremental Framework 채택, Solid.js 지원 및 구성 요소에 대한 import React from 'react' 않는 미래에 대한 Nate Moore입니다 .
웹 구성 요소용 Astro의 Matthew Phillips , 조명 및 서버 렌더링 사용자 정의 요소
Astro Loading의 매튜 필립스
기본 JS 번들 크기에 대한 Nate Moore
30초 만에 랜딩 페이지 구축
Shared Element Transitions API를 사용한 클라이언트 측 라우팅 경험

리포지토리/스타터 키트/구성 요소

Astro-react-vue-데모
Astro-netlify-스타터
Astro Ink - 선명하고 최소한의 Astro용 개인 블로그 테마
Astro Me - Astro를 위한 선명하고 미니멀한 개인 포트폴리오 테마
Astro 스타터 키트
Astro 정적 트윗
Astro 번역 예
Astro Ghost CMS Starter - Astro용 Ghost CMS 스타터
Astro 테마 - Creek - Astro를 위한 블로그 테마
Astro Theme - Odessey - Astro로 구축되고 스타트업과 기업을 위해 세심하게 제작된 마케팅 웹사이트 테마
Astro 테마 - Sarissa 블로그 - Astro를 위한 반응형 블로그 테마
Astro 테마 - Cactus - 블로그 또는 웹사이트용 Astro 프레임워크로 구축된 간단하고 자기 주장이 강한 스타터
Astro 테마 - AstroWind - Astro 및 Tailwind CSS를 사용하여 웹사이트를 만들기 위한 템플릿을 시작했습니다.
Astro 테마 - Bigspring Light Astro - Astro 및 Tailwind CSS를 사용하는 Astro 비즈니스 테마입니다.
Astro TAP Stack - 독창적인 Astro 스타터 키트(Typescript & Tailwind + Astro + Prisma & Planet scale)
아스트로 데노 스타터
Astro + Supabase + Vercel
Astro + 스닙카트
Astro-MFE-Demo - Astro에서 실행되는 마이크로프론트엔드를 설정하는 방법을 보여줍니다.
Refo - 스타일이 지정된 구성 요소가 포함된 정적 사이트 및 이력서 예제입니다.
Netlify CMS가 포함된 Astro 블로그 스타터 - Astro 블로그 스타터 키트 + Astro Netlify CMS 통합을 기반으로 한 템플릿입니다.
Catonaut - Astro 및 Bun을 사용하는 브라우저 확장 템플릿입니다.
Astro Saas - Astro 및 Tailwind CSS로 구축된 SaaS 웹 사이트 템플릿입니다.
AstroMax - Astro 및 Tailwind CSS로 구축된 잔혹한 랜딩 페이지 템플릿입니다.
SwissFolio - Astro 및 Tailwind CSS로 구축된 개인용 스위스 스타일 랜딩 페이지 템플릿입니다.
Minimal Studio - Astro 및 Tailwind CSS로 구축된 대행사, 스튜디오 또는 프리랜서를 위한 최소 랜딩 페이지 템플릿입니다.
Gurido Astro 및 Tailwind CSS로 제작된 에이전시, 스튜디오 또는 프리랜서를 위한 매우 멋지고 유쾌하며 현대적인 랜딩 페이지 템플릿입니다.
MicroBlog - Astro, Tailwind CSS 및 MDX로 구축된 우아한 블로그 웹사이트 템플릿입니다.
Quick Store - 디지털 제품을 판매하기 위한 최소한의 어두운 테마 랜딩 페이지입니다.

Astro 패키지/라이브러리

Astro SEO - Astro를 통한 더 나은 SEO
Astro 스타일시트 구성 요소 - Astro 프로젝트에 스타일시트를 추가하는 단조로움을 추상화합니다.
Astro Command - 모든 언어로 명령을 정적으로 렌더링하고 구성 요소를 구축합니다.
Astro Pandoc - Astro를 위한 Pandoc 렌더링
Astro SPA - 귀하의 웹사이트를 단일 페이지 애플리케이션으로 바꿔줄 Astro용 SPA 라이브러리
Astro Icon - Astro를 위한 간단한 아이콘 구성요소
Astro ImageTools - Astro JS 프레임워크용 이미지 최적화 도구
접근 가능한 Astro 구성 요소
Astro Eleventy 이미지
Astro Forms - Astro의 양식이 쉬워졌습니다.
Astro 자동 가져오기 - Astro 프로젝트의 구성요소 자동 가져오기
Astro 컬렉션 - Astro 구성 요소 및 구성 컬렉션
Astro Link - 외부/앵커/동일 도메인/메일/전화 href를 감지하고 그에 따라 최적화를 적용합니다.
Sarissa Pagination - 페이지 매김을 위한 페이지 번호 버튼을 추가합니다. 현재 페이지 번호로 숫자를 자동으로 추가하고 비활성화합니다.
Astro Google Fonts Optimizer - Google Fonts 로딩 성능을 최적화하기 위한 Astro 통합
Astro SEO Meta - 검색 엔진 최적화(SEO)와 관련된 태그를 페이지에 추가하는 Astro 구성 요소입니다.
Astro Heroicons - Astro 구성 요소로서의 Heroicons
Astroad - Docker를 사용하는 Astro 및 Payload CMS를 사용한 손쉬운 웹사이트 개발을 위해 사전 구성된 설정입니다.
Astro 소셜 공유 - Astro 사이트의 소셜 미디어 공유 버튼
Astro Gist - 블로그에 GitHub Gist를 쉽게 추가할 수 있는 Astro 구성 요소
Astro Breadcrumbs - 구성 가능한 Astro용 탐색경로 구성 요소입니다. 탐색경로를 완전히 동적으로 생성하거나 탐색경로의 모양을 정확하게 지정하세요.