bisonapp

전체 스택 Jamstack In-A-Box

Bison은 Echobind의 실제 앱으로 만들어진 스타터 저장소입니다. 고객을위한 웹 앱을 만들 때 사용하는 팀의 "Greenfield Web Stack"을 나타냅니다.

우리는 항상 이것에 대해 개선하고 있으며 지역 사회의 제안을 환영합니다!

기술

• 다음 .js
• TypeScript
• 엔드 투 엔드 유형 안전을위한 TRPC API
• postgres w/ prisma
• 꼬리 바람
• 후크 형태를 반응합니다
• E2E 테스트를위한 극작가
• 장치 및 API 요청 테스트에 대한 테스트 라이브러리 및 농담에 반응

특징

• 새 파일을 생성하기 위해 사용자 정의 가능한 위생 템플릿
• 클라이언트 및 서버 측 유효성 검사를 통해 로그인/가입 페이지를 완전히 연결했습니다.
• Eslint는 Echobind 모범 사례로 사전 구성되었습니다
• 길이가 긴 상대 가져 오기 경로가 필요하지 않도록 경로 별명을 루트 프로젝트 폴더 ( @/ )로 가져옵니다.
• ui.shadcn.com에서 구성 요소를 설정하십시오

규칙

• 파일을 복사/붙여 넣지 말고 생성기 및 위생 템플릿을 사용하십시오. 프로젝트가 발전함에 따라 생성기를 업데이트해야합니까? 그것들은 모두 _templates 폴더에 있습니다.
• TRPC 절차에 대한 유형을 수동으로 작성하지 마십시오. 라우터 정의에서 유형을 추론하십시오.
• 모든 프론트 엔드 페이지는 기본적으로 정적입니다. 서버 렌더링이 필요한 경우 다음 앱에서와 같이 getServerSideProps 추가하십시오.
• 구성 요소 CSS 클래스 (예 : .btn 또는 .input )를 작성하거나 구성 요소 라이브러리를 설치하는 대신 UI 구성 요소를 /components/ui 폴더에 복사/붙여 넣고 필요에 따라 조정해야합니다. ui.shadcn.com은 이러한 구성 요소의 권장 소스입니다.

트레이드 오프

• 복잡성을 줄이기 위해 Bison은 원사 작업 공간과 별도의 최상위 폴더를 피합니다. 앱을 전통적인 모노리스처럼 생각하지만 별도의 프론트 엔드와 API를 사용하십시오. 이것은 폴더가 익숙한 것보다 조금 더 섞일 수 있음을 의미합니다.

대안

풀 스택 Jamstack 공간에서 빠르게 성숙하는 몇 가지 다른 프로젝트.

Redwoodjs Redwood는 우리가보고있는 매우 유망한 프레임 워크입니다. 우리는 레드 우드에서 직접 "셀"이라는 개념을 취했습니다 (그러나 우리 버전은 좀 더 많은 코드를 가져옵니다!)

Blitz.js Blitz도 매우 유망합니다. Blitz는 Next.js (우리가 좋아하는!)에 구축되었으며 Next.js에서 제공하는 규칙을 사용하여 API 계층을 제거하려고 시도하여 매우 다른 접근 방식을 취합니다.

우리는 시간이 지남에 따라 Redwood와 Blitz의 개념을 빌리거나 계속 성숙함에 따라 하나로 전환 할 수도 있습니다.

Bison을 금속에 약간 더 가깝게 생각하고 최대 DX 및 효율성을 위해 미리 구성됩니다. 좋은 소식은, 우리가 선택한 선택에 동의하지 않는다면 아무것도 당신에게 숨겨져 있지 않습니다. 귀하의 요구에 맞게 "프레임 워크"를 조정할 수 있습니다.

---

시작하기

들소 템플릿에서 새 저장소를 만듭니다.

원사 사용 :

yarn create bison-app MyApp

NPX 사용 :

npx create-bison-app MyApp

데이터베이스를 설정하십시오

다음을 참조하십시오 : Postgres를 설정하십시오.

로컬로 앱을 실행하십시오

뿌리에서 yarn dev 실행하십시오. 이것은 next dev 실행하여 프론트 엔드 및 서버리스 기능을 로컬로 실행합니다.

다음 단계

앱이 로컬로 실행되면 배포를 설정하려고합니다.

문서

• 권장 DEV 워크 플로
• 전개

들소를 개선 할 아이디어가 있습니까? 알려주세요!

---

Echobind에 대해

Echobind는 다양한 산업 분야의 고객을위한 웹 및 모바일 앱을 만드는 풀 서비스 디지털 대행사입니다.

우리는 React, React Native, Node, GraphQL 및 Rails의 전문가입니다.

새로운 앱을 구축하는 경우 팀이 어려운 문제를 해결하고 있거나 결승선을 극복하는 데 도움이 필요합니다. 우리는 당신과 함께 일하고 싶습니다. 인사하고 당신이 무엇을하고 있는지 알려주세요!