pagely 다운로드 - pagely 소스 코드 다운로드

pagely

기타 카테고리

1.0.0

다운로드

페이지별

Notion을 사용하여 빛의 속도로 눈부시게 빠른 웹사이트를 구축하세요 ⚡️

Pagely를 사용하여 Notion, Google Sheets, GitHub, Airtable에서 SEO 친화적이고 매우 빠른 웹사이트를 시작하세요.

페이지리(Pagely)가 무엇인가요?

Pagely는 Notion, GitHub, Google Sheets, Airtable 등과 같이 즐겨 사용하는 앱에서 웹사이트를 시작하는 데 도움이 되는 코드 없는 플랫폼입니다. 모든 SEO 작업을 처리하도록 하는 대신 Pagely는 자동으로 SEO에 친화적인 환경을 제공합니다. Notion의 기본 스타일이 마음에 들지 않나요? 걱정하지 마세요. 마음껏 CSS를 편집할 수 있습니다. 그리고 제가 가장 좋아하는 기능 중 하나는 바로 맞춤 하위 도메인입니다. Pagely를 사용하면 원하는 하위 도메인을 선택할 수 있습니다. lalit.pagely.site, your-name.pagely.site 등... 네, 맞습니다. Hashnode도 그렇게 합니다. 당신이 해야 할 일은 Notion에 웹사이트의 내용을 입력하는 것뿐입니다. 그러면 웹사이트가 실시간으로 실시간 업데이트됩니다!!. pagely.json 도 추가하면 GitHub에서 오픈 소스 프로젝트를 위한 웹사이트를 만들 수 있습니다!!. . Pagely에는 더 많은 기능이 있습니다.

특징

무료 맞춤 하위 도메인(예: your-name.pagely.site)
실시간 업데이트 웹사이트
자동 OG 이미지 생성
사용자 정의 스타일(CSS 사용)
사용자 정의 <head> 태그(분석 및 무한한 추가 통합용)
쇼케이스 페이지에 웹사이트를 소개하세요
엄청나게 빠른 웹사이트
사용자 정의 도메인 (Vercel이 지원할 때까지 해결 방법을 통해)
Pagely를 다양한 하위 페이지와 통합하는 방법에 대한 자세한 가이드
Notion 페이지용 사용자 정의 슬러그/하위 경로/하위 경로/ 예쁜 URL (곧 제공 예정)
웹사이트 비밀번호 보호 (내장된 StaticShield 통합을 통해?)
Crisp.chat, Disqus, Google Analytics, Stripe, Gumroad 등과 같은 강력한 통합 .
Vercel에서. 귀하의 Pagely 웹사이트는 Vercel의 에지 네트워크에 캐시되어 있습니다.
자동 사이트맵 (곧 제공 예정)
맞춤 글꼴 , 파비콘 등
자동 SSL( https )
휴대폰 에서 멋진 웹사이트를 만드시겠습니까?
전체 웹사이트에 대한 전체 텍스트 검색 (곧 제공 예정)
코드 블록의 구문 강조
모든 웹사이트에 대한 다크 모드 (내일 출시 예정)
웹사이트의 실시간 트위터 미리보기

몇 가지 편리한 링크

라이브 홈페이지 → https://pagely.site
GitHub 레포 → https://github.com/lalit2005/pagely
쇼케이스 → https://pagely.site/showcase
가이드 → https://guides.pagely.site
Notion을 사용한 예시 사이트 → https://lalit.pagely.site
GitHub가 있는 예시 사이트 → https://pagely-with-github.pagely.site/

기술 스택

이것은 블로그에서 가장 놀라운 부분 중 하나입니다. Pagely는 완전히 Jamstack으로 구축되었기 때문입니다. 응, 내 말 제대로 들었어. 앱 전체가 Next.js로 제작되었습니다. (OG 이미지 자동 생성 서비스 제외)

Next.js - 지구상에서 가장 놀라운 React 프레임워크
사무원 - 인증
TailwindCSS - 스타일링
Radix UI - 기본 반응 구성 요소 라이브러리
헤드리스 UI - UI 구성요소 라이브러리
Supabase(Postgres) - 데이터베이스
Prisma - 데이터베이스 ORM
Axios - API 요청
React Hook 양식 - 양식 유효성 검사
Zod - 검증
Web3forms - 양식 제출
SWR - 원격 데이터 가져오기
Typescript - 유형 확인
Vercel - 호스팅

기여

템플릿을 제출하여 기여할 수도 있습니다!! 자세한 내용은 https://pagely.site/templates를 참조하세요.

이 저장소를 복제 → git clone https://github.com/Lalit2005/pagely
Clerk의 대시보드에서 Clerk의 환경 변수 설정
Supabase에서 무료 Postgres 데이터베이스를 가동하고 연결 URL/문자열을 가져옵니다.
여기 Imgbb에서 API 키를 받으세요(이미지 업로드 섹션에 기여하는 경우에만)
종속성 설치 → yarn
localhost에서 앱 실행 → yarn dev
새 지점 만들기
새로운 기능을 완료하거나 버그를 수정한 후 PR을 시작하세요 :)

기존 커밋을 사용하는 것을 잊지 마세요.
fix: <a bug> 버그 수정
feat: <a new feature> 새로운 기능에 대한
refactor: 코드 리팩터링을 위한 <a code refactor>
잡일: <bump lodash> 빌드 단계와 관련된 모든 것
Chore(deps): 종속성 업데이트를 위한 <bump lodash>
잡일(deps-dev): 개발 종속성 업데이트를 위한 <bump vercel>
스타일: 애플리케이션 스타일과 관련된 모든 항목에 대한 <여백 추가>