Starbase는 Vercel, Netlify 및 AWS Amplify와 같은 최신 Jamstack 호스팅 제공업체와 통합되도록 설계된 Webpack 5, TypeScript, PostCSS 및 Tailwind CSS를 갖춘 프로덕션용 정적 웹 사이트 상용구입니다. 매우 간단하고 모든 기능을 갖춘 개발자 환경을 통해 2024년에 사용할 수 있는 가장 강력한 프런트엔드 기술 중 일부를 사용하여 몇 분 만에 구축을 시작하세요.
Starbase는 Brian Staruk에 의해 개인 코드 스타일 가이드 및 유연한 프로젝트 상용구로 만들어졌습니다. 이는 최신 산업 표준을 구현하고 모든 종속 항목을 최신 상태로 유지하는 데 중점을 두고 2017년 초부터 일관되게 유지 관리되어 온 지속적인 작업입니다.
"단순함은 최고의 정교함입니다."
- 레오나르도 다 빈치
Starbase의 주요 임무는 정교하게 단순해지는 것입니다. 구성, 확장 및 통합이 쉽습니다. 이는 또한 웹 개발자가 베어메탈 Webpack 구성, TypeScript 및/또는 Tailwind CSS에 대한 지식을 향상시킬 수 있는 훌륭한 플랫폼이 되도록 합니다.
시작하려면 설치 프로세스를 안내하는 아래 명령을 실행하세요.
npx starbase@latest
Node 버전 설치를 관리하려면 nvm(또는 nvm-windows)을 사용하는 것이 좋습니다. nvm을 사용하지 않을 경우 /.nvmrc
파일을 참조하여 Node 버전이 권장 버전과 호환되는지 확인해야 합니다.
권장되는 Node 버전을 실행하고 있는지 확인하고 프로젝트 종속성을 설치하는 것부터 시작하세요.
nvm use
npm install
dev
명령은 http://localhost:3000에서 프로젝트 소스를 제공합니다. /src
내에서 변경된 사항은 소스를 다시 컴파일하고 웹 브라우저를 새로 고칩니다.
npm run dev
build
명령은 통합 또는 배포를 위해 프로젝트 소스를 /dist
로 컴파일하고 축소합니다.
npm run build
Starbase는 Vercel, Netlify 등과 같은 호스팅 환경의 웹 서버 루트에 배포되도록 설정됩니다. 따라서 모든 자산(js, css, 글꼴, 이미지 등)은 절대 경로로 참조됩니다.
대신 상대 경로를 통해 자산을 참조하여 호스팅 환경에 배포할 필요 없이 컴파일된 .html
파일을 웹 브라우저에서 배포하고 열 수 있도록 하려면 /webpack/webpack.config.base.ts
에서 publicPath
제거(또는 주석 처리)해야 합니다. /webpack/webpack.config.base.ts
.
절대 경로를 유지하고 싶지만 루트 대신 하위 디렉터리로 설정하려면 값을 제거하는 대신 값을 변경할 수 있습니다.
Starbase는 무료 오픈 소스 소프트웨어입니다. 그걸로 멋진 것들을 만들어 보세요. 다음에 보스턴에 갈 때 나에게 맥주를 사줄 수도 있고, 프로젝트에 별표를 표시하고 친구에게 말할 수도 있고, 원산지 표시를 모두 지우고 동료에게 직접 만들었다고 말할 수도 있습니다. 다 괜찮아요!