vulcan next

다음에 Vulcan

Vulcan Next는 Next.js를 사용하여 GraphQL 기반 응용 프로그램을 구축하는 데 도움이됩니다.

상자에 무엇이 있습니까?

Vulcan이 다음 빛나는 곳 :

• B2B SaaS 소프트웨어, CMS, 플랫폼
• CRUD 작업에 많은 의존하는 앱 (CMS에서와 같이 데이터 구조 관리 및 나열)
• 여러 클라이언트 (자체 앱뿐만 아니라 모바일 버전, 데이터 과학자, 기타 타사 앱)가 소비 할 수있는 API

Vulcan Next는 다음을 제공합니다.

• 생산 등급 Next.js + Apollo GraphQL 보일러 플레이트.
• Apollo Server 및 Mongo 커넥터로 설정된 GraphQL API 엔드 포인트는 즉시 백엔드 기능을 코딩 할 수 있습니다.
• Cypress, Jest, Storybook ... 및 기타 많은 개발 도구.
• 스키마 기반 도우미 및 고리를 신속하게 생성하고 자신의 그래프 QL API를 소비합니다.
• 여권을 통한 비밀번호 기반 인증

Slack에 가입하고 Vulcan 기고자를 만나십시오

새로운 불화에 가입하고 벌칸 기고자들을 만나십시오

라이브 튜토리얼을 시작하십시오

Freecodecamp의 입문 기사를 읽으십시오

전체 문서를 확인하십시오

핵심 팀과 후원에 관한 단어

당신은 오래된 개 새로운 트릭을 가르 칠 수 없습니다! Vulcan Next는 Sacha Greif의 유성 프레임 워크 인 "vulcan.js"의 후계자입니다. 그것은 다음의 경험을 물려받으며, Meteor를 다음 Next.js로 대체하는 현대화 된 아키텍처로 수년간의 경험을 물려받습니다.

Vulcan 다음은 JS 상태, CSS 상태 및 GraphQL 상태의 상태를 조사 할 수 있습니다.

Next.js에 익숙하지 않습니까? Eric Burel의 Human Coders에서 Next.js 코스에 참여하여 3 일 동안 Next.js 라우터, 서버 및 정적 렌더링, Edge Middlewares 및 모든 친구의 내부 작업을 이해할 수 있습니다.

고품질 보일러 플레이트를 구축하는 데 도움이 되겠습니까? Vulcan을 Open Collective에서 후원하거나 바운티 및 프리랜서 작업을 위해 우리에게 연락 할 수 있습니다 (Vulcan Slack 또는 Discord에서 우리를 핑).

---

5 분 안에 설치하고 실행하십시오

Pro Tip : Codesandbox에서 클로닝하여 0을 설치하여 Vulcan을 테스트 할 수 있습니다.

로컬 설치를 선호하는 경우 :

git clone -b main https://github.com/VulcanJS/vulcan-next
cd vulcan-next
yarn
yarn run dev

브라우저에서 http : // localhost : 3000을 엽니 다. 그런 다음 http : // localhost : 3000/chour에서 라이브 튜토리얼에 액세스 할 수 있습니다.

---

다음 단계

자신의 git 저장소를 설정하십시오

자신의 애플리케이션을 만들 때 자신의 Git 저장소 (Github, Bitbucket 등)에서 코드를 호스팅하려고합니다.

자신의 저장소를 가리키십시오

"Origin"으로 이름을 "업스트림"으로 바꾸므로 자신의 git 저장소를 주요 "원산지"로, VN 공식 저장소를 "업스트림"으로 사용할 수 있습니다.

git remote rename origin upstream
# Then do what you need to create your own origin remote
# git remote add origin <your-own-git-repository-url>

자신의 몽고 데이터베이스를 굴립니다

기본값으로 Vulcan Next는 LBKE가 소유 한 샘플 읽기 전용 데이터베이스에 연결합니다. 나만의 응용 프로그램을 만들려면 자신의 Databse를 사용해야합니다.

0. 나는 Windows 사용자입니다 (Mac 또는 Linux를 사용하는 경우 1로 건너 뛰는 경우)

Windows를 사용하는 경우 다음 중 하나를 원할 수 있습니다.

• Ubuntu를 듀얼 부팅으로 설치하십시오 (가상 머신은 기술적으로 좋지만 느리게 느리고 개발 경험이 나빠질 수 있습니다).

• Windows에서 Docker를 실행하려면 Linux 서브 시스템 설정

• Windows 설치 프로그램을 사용하여 MongoDB를 설치하십시오

1. Docker를 사용하여 Mongo 서버를 실행하십시오

현재 터미널에서 몽고를 실행하거나 명령을 처음 실행할 때 몽고 이미지를 생성하고 실행합니다.

참고 : 응용 프로그램을 실행하기 전에 항상 데이터베이스를 시작해야합니다.

yarn run start:mongo

아직 Docker가없는 경우 Ubuntu의 Docker 설치 지침을 참조하십시오 .

2. 로컬 데이터베이스를 사용하도록 응용 프로그램을 구성하십시오

.env.development 또는 .env.development.local in this uri in mongo :

MONGO_URI= " mongodb://localhost:27017/vulcan-next-app "

그런 다음 서버를 중지하고 다시 시작할 수 있습니다.

MongoDB Compass를 사용하여 데이터베이스 콘텐츠를 시각화하는 것이 좋습니다.

앱을 최신 버전의 Vulcan Next로 업데이트하십시오.

조심하십시오 : Vulcan Next는 보일러 플레이트이며 자동으로 업데이트 할 가능성은 보장되지 않습니다. Vulcan의 다음 최신 버전을 자신의 코드와 비교하여 업데이트를 수작업으로 적용해야 할 수도 있습니다. 병합이 앱을 깨뜨리지 않았다는 것을 항상 다시 확인하십시오! .

 # Get the latest version of Vulcan Next locally
git fetch upstream
# Merge to your own code (favouring your own code as a default in case of conflict)
git merge upstream/main -X ours

---

문제를 제기하거나 제기합니다

이 스타터는 읽기 전용 입니다! 이에 대한 풀 요청을 열지 마십시오.

모든 발전은 여기서 모노 로포 "vulcan npm"에서 발생합니다.

---

그들은 다음에 Vulcan과 Vulcan Meteor를 지원합니다

기고자

이 프로젝트는 기부 한 모든 사람들 덕분에 존재합니다.

후원자

우리의 모든 후원자들에게 감사합니다! [후원자가되기]

스폰서

스폰서가 되어이 프로젝트를 지원하십시오. 귀하의 로고는 귀하의 웹 사이트 링크와 함께 여기에 표시됩니다. [후원자가되기]

기술 지원

그들은 프로젝트를 지원하기 위해 시간과 지식을 공유합니다.

다른 멋진 다음 물건

• 다음의 공식 아폴로 사례
• 다음으로 (백엔드를위한 Prisma Cloud 솔루션에 의존하는 완전한 다음 스타터)
• Blitz (GraphQL없이 다음 전체)
• 다음 Antd GraphQL 스타터
• 다음으로 GraphQL Apollo Bootstrap에 반응합니다
• 다음 고급 스타터,
• 다음 - 몽고 (표현 없음, 그래프 QL 없음, 그냥 다음과 몽고)
• 다음 트랜스 스파일 모듈 제조업체의 다음 및 타입 스크립트
• 프론트 엔드 성능 지향 스타터
• Bison, Full-Stack Next.js 스타터
• Nextra, Markdown이있는 코드가없는 사이트 생성기 (블로그에 적합)
• Bluelibs, React 스타터를 제안하는 툴킷

---

다음 .js에 대해

이것은 다음.js 프로젝트 create-next-app 으로 부트 스트랩입니다.

자세히 알아보십시오

JS에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

• Next.js 문서 - Next.js 기능 및 API에 대해 알아보십시오.
• 다음.js- 대화식 Next.js 튜토리얼을 배우십시오.

JS Github 리포지토리를 확인할 수 있습니다. 귀하의 의견과 기부금을 환영합니다!

---

Vercel에 배포하십시오

Next.js 앱을 배포하는 가장 쉬운 방법은 Next.js의 제작자의 Vercel 플랫폼을 사용하는 것입니다.

자세한 내용은 Next.js 배포 문서를 확인하십시오.