Graviwave 모던 웹사이트/웹앱
with 최신 웹기술 Astro 4.x + Tailwind CSS

그래비웨이브는 오픈소스 기반의 최신 Astro 플랫폼을 사용하여 모던 웹사이트/웹앱을 제공합니다.
모던 웹사이트/웹앱 기업형, 마케팅, 랜딩페이지, 블로그 웹사이트/웹앱 그리고 다양한 CMS integration 등...

graviwave.com

살펴보기

작가 vecstock 출처 Freepik

Philosophy: Don't reinvent the wheel (🙅🏼)

Features

웹사이트/웹앱 Features

프로패셔널한 Production-Ready 플랫폼

Astro + Tailwind CSS 조합

Astro 플랫폼과 Tailwind CSS UI와 결합된 Astrowind template기반의 모던 웹사이트/웹앱

컴포넌트 기반으로 다양한 용도의 정적 웹사이트 및 풀스택 웹앱 제작

기업형, 마케팅, 랜딩페이지, 블로그 웹사이트/웹앱 그리고 다양한 CMS integration...

최상의 구현

보안, 효율성, 유저 친화적인 웹사이트로 최상의 경험과 가치를 제공합니다.

빠른 페이지 랜더링

최상의 Astro기술로 빠른 페이지 렌더링 제공, 빠른 Speed는 유기적인 서치 랭킹과 UI/UX에 대한 유저의 conversion rate에 영향을 끼칩니다.

기본 (SEO) 제공

Built-in 기본 SEO 제공으로 웹사이트가 구글/네이버 등에 쉽게 검색되도록 지원

유연한 커스터마이징 제공

새로운 아이디어 구현, 기능 추가, 고객의 니즈에 맞는 커스터마이징 지원

Inside template

템플릿 기능들

웹사이트/웹앱에 필수적인 기능들 제공

반응형, 페이지 스피드 최적화, 다크모드와 RTL지원, SEO 통합 제공

PC/Mobile 창 사이즈에 반응형 UI

브라우저 창의 크기에 알맞게 자동으로 반응 변환되는 UI

빠른 반응속도 및 렌더링 지원

PageSpeed Insights를 통한 페이지 랜더링 체크

다크모드와 RTL지원

Tailwind CSS에서의 다크모드 지원, 컬러 팔레트 사용

SEO 통합 제공

Meta Tag에 사이트 정보 등록, Open Graph Tags 지원, Robots.txt 지원, 구글/네이버 site verification Id 삽입 or File 추가, 사이트맵 자동 출력

이미지 최적화, 자동 RSS Feed 생성, MD/MDX 기반의 컨턴츠 지원, 구글 Analytics 지원

이미지 최적화

빠른 페이지 로딩을 위한 이미지 최적화 기본 제공

자동 RSS Feed 생성

자동으로 각 페이지들의 정보를 포함한 RSS.xml 파일을 생성

MD/MDX 마크다운 파일로 컨텐츠 구성 가능

새로운 컨텐츠를 MD/MDX 파일 형식으로 만들어 쉽게 추가 가능

구글 Analytics 지원

구글 Analytics의 ID를 등록하여 서비스를 받을 수 있음

추가 기능들

다국어 지원

다국어 지원 가능

정적 웹서비스가 아닌 풀스택 웹앱으로 가능

static web server (SSG) or full stack web app (SSR, Hybrid)

로그인 기능

로컬/소셜 로그인 기능 추가 가능

동적 컨텐츠/블로그 CMS 통합 웹앱으로 기능

다양한 CMS 통합 동적 컨텐츠 서비스 웹앱 가능

주문시 의뢰인 준비사항

Step 1: 웹사이트/웹앱 및 템플릿 선택

프론트앤드 기능만 있는 일반 정적 웹사이트 혹은 백앤드 기능의 복잡한 동적 웹앱 선택

Step 2: 기획서 혹은 필요한 자료 전달

웹사이트 관련 기획서나 없으면 간단히 그림으로 표현, 도메인 주소, 브랜드 로고 파일/기본 톤 색깔 리스트 제출, 메뉴 및 카테고리, 컨텐츠 내용/사진/인사말/오시는 길 컨턴츠 준비 등, 레퍼런스 사이트가 있으면 제공

Step 3: 추가 기능 및 웹앱 관련 커스터마이징 상담

기본 요청 사항 및 기능 상담, 기본 템플릿의 기능들을 벗어난 추가 기능 및 웹앱 백앤드 기능이 필요한 경우에 견적 상담

Step 4: 제작 및 결과물 피드백

초안 제작 후 테스트 및 피드백을 받고 수정 후 최종 테스트를 진행하고 결과물을 전달 관련 사항을 인계합니다.

step 5: 유지 보수 관리 단계

인계후 간단한 수정 및 변경 가능하며, 이후 유지 보수 관리 단계로 진입

블로그

View all posts »

The blog is used to display AstroWind documentation. Each new article will be an important step that you will need to know to be an expert in creating a website using Astro + Tailwind CSS. Astro is a very interesting technology. Thanks. 블로그 예시 (내용 무)

Get started with AstroWind to create a website using Astro and Tailwind CSS

Start your web journey with AstroWind – harness Astro and Tailwind CSS for a stunning site. Explore our guide now.

Useful tools and resources to create a professional website

Explore vital tools and resources for a sleek website. From design to functionality, our guide elevates your online presence.

How to customize AstroWind template to suit your branding

Personalize AstroWind template for your brand. Our guide unlocks seamless customization steps for a unique online presence.

AstroWind template in depth

While easy to get started, Astrowind is quite complex internally. This page provides documentation on some of the more intricate parts.

FAQs

Frequently Asked Questions

자주 묻는 질문들입니다.

그래비웨이브의 솔루션들은?

기본적으로 웹에 관련된 기술들 중, 정적 웹사이트/ 풀스택 웹앱 그리고 크롬 익스텐션 관련 솔루션들을 가지고 있으며, 특이하게 tensor flow js를 활용한 솔루션도 있으며, SAAS 서비스를 준비 하고 있습니다. graviwave.com

웹사이트와 웹앱은 어떻게 다른가요?

일반적인 웹사이트는 호스팅 서비스의 웹서버가 클라이언트로부터 받은 http요청을 받아 정적 컨텐츠를 제공합니다. 웹앱은 서버의 웹어플리케이션 서버로 자체 동작하며 클라이언트 요청에 따라 html뿐만 아니라 서블릿을 실행하고 데이터베이스와의 통신을 통해 동적인 데이터를 생성하여 제공합니다.

SEO관련 세팅은 어떻게 하나요?

SEO관련 기본 세팅이 준비되어 있습니다. META Tag추가, OG Tag추가, robots.txt지원, 사이트맵 지원, 구글/네이버 site verification Id or File 추가할 수 있습니다.

Astro란 무엇인가요?

Astro는 웹사이트/웹앱을 개발할 수 있는 웹앱 개발 플랫폼으로, React/Vue/Svelte/SolidJS 등 여러 다른 플랫폼을 혼용해서 사용할 수 있으며 가장 최신의 Web Development Platform 입니다.

웹사이트/웹앱 솔루션들은?

1. Single Page Static Site(SPA): 한페이지 웹사이트
2. Multiple Page Static Site(기업형/블로그 웹사이트)
3. Full Stack Application (로그인, CMS 연동, 기타 기능들...)

주문은 어떻게 하나요?

크몽에서 주문하시면 됩니다.
크롬익스텐션 크몽주문
웹사이트/웹앱 크몽주문 TBD

숫자 표현 예시

132K

Downloads

24.8K

Stars

10.3K

Forks

48.4K

Users

Get Started with Graviwave

Using Astrowind Template
Don't waste more time! :P