krashna site 다운로드 - krashna site 소스코드 다운로드

다운로드

크라슈나 무지카 웹사이트

React 및 Gatsby.js를 사용하여 구축된 Delft 학생 음악 협회 Krashna Musika 사이트용 정적 사이트 생성기입니다.

시작하려면 Node.js 환경과 Yarn 패키지 관리자가 필요합니다. 설치가 완료되면 이 저장소의 루트 디렉터리에서 다음 명령을 실행합니다.

yarn
yarn global add gatsby-cli

개발 서버를 시작하려면(라이브 다시 로드 포함) 다음을 실행하세요.

yarn develop

이제 localhost:8000을 수신하는 서버가 있게 됩니다!

프로덕션 번들을 빌드하려면 다음을 실행하세요.

yarn build

master 브랜치에 대한 변경 사항은 Netlify 빌드 서비스를 통해 라이브 사이트(krashna.nl)에 자동으로 배포됩니다.

일반적으로 이 프로젝트는 일반적인 Gatsby.js 폴더 구조를 따릅니다.

페이지는 /src/pages 에 정의되어 있습니다. 각 JS 파일의 파일 이름( .js 확장자 제외)은 해당 페이지의 URL로 사용됩니다.
페이지 템플릿(다양한 유형의 페이지가 어떻게 표시되어야 하는지에 대한 상용구 구조)은 /src/templates 에 있습니다.
이러한 페이지와 템플릿이 사용하는 구성 요소는 /src/components 폴더에 포함되어 있습니다.

그러나 국제화 및 기타 기능을 제공하기 위해 몇 가지 차이점이 있습니다.

모든 번역은 /src/locales 폴더의 YAML 파일에 포함되어 있습니다. 각 하위 폴더에는 특정 언어로 된 각 번역 정의 파일의 복사본이 포함되어 있습니다. 이러한 번역 파일은 JSON으로 컴파일되어 나머지 콘텐츠와 함께 제공되며 런타임 시 페이지에 동적으로 삽입됩니다. 우리는 번역을 위해 gatsby-plugin-intl 에 통합된 react-intl 라이브러리를 사용합니다.
콘서트 목록 등 페이지 생성의 기반이 되는 모든 데이터는 /src/data 에 포함되어 있습니다.

미리 정의된 파일에 텍스트나 기타 데이터를 추가하면 콘텐츠를 쉽게 추가할 수 있습니다. 아래에는 몇 가지 예가 나와 있습니다. 모든 내용은 Markdown으로 작성되었습니다. Markdown에 익숙하지 않거나 도움이 필요한 경우 이 편리한 링크를 확인하세요.

페이지를 추가하려면...

/src/pages 에 해당 페이지에 추가하려는 URL의 이름을 사용하여 JS 파일을 추가합니다. 이 파일을 구성하는 방법이 확실하지 않은 경우 해당 폴더에 있는 다른 기존 페이지를 살펴보세요.
사용하는 번역 키에 필요한 번역을 /src/locales 에 추가하세요. 페이지 파일에서 이러한 번역 키에 액세스하는 방법과 번역 파일에서 이를 정의할 수 있는 방법에 대한 예는 기존 페이지 및 번역을 참조하세요.