>웹 프론트엔드 >JS 튜토리얼 >사이드 프로젝트 스타터 팩

사이드 프로젝트 스타터 팩

Barbara Streisand
Barbara Streisand원래의
2024-12-16 08:17:10197검색

Side Projects Starter Pack

지난 몇 년 동안 몇 가지 사이드 프로젝트를 진행하면서 가장 중요한 것은 작업을 신속하게 완료하여 아이디어를 검증하는 것임을 깨달았습니다. 가장 좋은 점은 오늘날 대규모 언어 모델(AI)뿐만 아니라 훌륭한 개발자 경험을 갖춘 기존 도구가 많기 때문에 이 작업을 매우 빠르게 수행할 수 있다는 것입니다. 다음 게시물에는 엔드투엔드 애플리케이션의 프로토타입을 만드는 데 사용할 수 있는 도구가 요약되어 있습니다.

예제 애플리케이션

이 기능을 시연하기 위해 주가를 추적하고 피드의 특정 주식에 대한 메시지를 요약하고 이메일을 보내는 애플리케이션에서 이를 선보일 것입니다. 앱의 아이디어가 성공했는지 측정하는 것이 매우 중요하다고 생각하므로 분석도 구현하겠습니다!

도구

다음 도구는 사용자가 애플리케이션을 얼마나 빨리 사용할 수 있는지 측정하는 시장 출시 시간이라는 단일 지표를 기반으로 선택되었습니다.

고객

Next.js, React Query, Tailwind 및 Shadcn

이 콤보는 매우 훌륭하며 몇 시간 안에 애플리케이션을 구축하는 데 도움이 될 것입니다.

팁 1: v0.dev를 사용해 보세요. 예제 애플리케이션의 전체 UI를 생성했습니다.

팁 2: 모든 TanStack 라이브러리를 확인하세요. 저도 TanStack From을 사용하고 있습니다.

백엔드

수파베이스

Supabase는 초기 백엔드 요구 사항의 80-90%를 기본적으로 해결해 줄 것이라고 생각합니다.

  • 데이터베이스
  • 인증
  • 저장공간(이미지 등을 업로드해야 하는 경우)

또한 GraphQL과 유사한 쿼리도 훌륭합니다!

가장 좋은 접근 방식은 어딘가에서 데이터를 가져오고 저장하는 등의 간단한 작업을 위한 간단한 스크립트를 작성하는 것입니다. 중요한 것은 출시 시기이지, 완벽하게 만드는 것이 아니라는 점을 기억하세요.

흥미로운 점은 Bun(Node.js와 유사한 빠른 JavaScript 런타임)입니다. 그것은:

  • 초고속
  • TypeScript로 즉시 사용 가능
  • 좋은 프로젝트 초기화 프로그램이 있습니다(TypeScript 프로젝트를 초기화해 본 사람은 그것이 어렵다는 것을 알 것입니다)

하부 구조

가장 좋은 접근 방식은 GitHub를 소스 코드 제어에 사용하는 것이며 필요에 따라 다양한 도구를 사용할 수 있습니다. 저는 주로 Cloudflare와 Render를 선호합니다(여기서 cron 작업을 실행합니다).

팁 1: Cloudflare는 매우 넉넉한 무료 호스팅을 제공합니다.

알림

요즘 이메일을 보내는 가장 간단한 방법은 재전송을 이용하는 것입니다.

해석학

제품 분석에서는 Posthog가 최고입니다. 유용하다고 생각되는 최고의 기능은 세션 재생입니다(사용자가 앱을 어떻게 사용하는지 실제로 확인할 수 있습니다).

팁 1: 랜딩 페이지를 본 사람이 몇 명인지 알고 싶다면 plausible.io를 사용하는 것이 좋습니다(PS: 쿠키바를 사용할 필요는 없습니다).

팁 2: Cloudflare에도 분석 기능이 있습니다.

팁 3: Posthog와 함께 역방향 프록시를 사용하세요. Next.js를 사용하면 구성이 간단해집니다.

응용 프로그램

관심이 있으시면 Side Projects Starter Pack 신청서를 확인해 보세요.

소스코드는 GitHub에서도 확인하실 수 있습니다.

최종 단어

읽어주셔서 감사합니다! 제 작업을 지원하고 싶다면 매우 짧은 설문조사에 참여해 주세요. 나에게 큰 의미가 될 것 같아요!

위 내용은 사이드 프로젝트 스타터 팩의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.