nuxtjs website boilerplate

nuxt.js 웹 사이트 보일러 플레이트

동적 페이지, 블로그 기사, 저자 관리, SEO 능력, 연락처 양식 및 웹 사이트 검색 등 일부 일반적인 웹 사이트 요구 사항을 충족하는 웹 사이트 템플릿. 기부금을 환영합니다!

데모

데모를 보려면 여기를 클릭하십시오

이 앱이 어떻게 구축되었는지 읽으십시오

특징

1. 부트 스트랩 프론트 엔드와 모바일에 완전히 반응합니다
   
2. SEO 준비
   
3. 선택한 이메일과 Cosmic JS에 이메일을 보내는 연락처 양식
   
4. 전체 사이트 검색 기능
   
5. 모든 콘텐츠는 페이지, 블로그 및 연락처 정보를 포함하여 우주 JS에서 쉽게 관리됩니다.

Cosmic JS에 가입하여 데모 컨텐츠를 설치 하고이 웹 사이트를 배포하십시오.

시작하기

git clone https://github.com/cosmicjs/nuxtjs-website-boilerplate
cd nuxtjs-website-boilerplate
npm install

# Run in development and serve at localhost:3000
npm run dev

# build for production
npm run build

# Run in production and serve at localhost:3000
COSMIC_BUCKET=your-bucket-slug npm start

bucket.json 파일을 Cosmic JS 버킷으로 가져옵니다. 이렇게하려면 버킷> 설정> 가져 오기 / 내보내기 데이터로 이동하십시오.

문의 양식 설정

SendGrid 이메일 기능을 설치하고 배포하십시오.

연락처 페이지의 연락처 양식은 SendGrid 이메일 기능을 사용하여 이메일을 보냅니다. 이메일 기능을 배포하려면 버킷> 설정> 기능으로 이동하십시오. SendGrid 함수를 설치하고 배포하십시오. SendGrid API 키를 추가하려면 SendGrid가있는 계정이 필요합니다.

SendGrid 함수 엔드 포인트를 추가하십시오

개발 중

config/index.js 로 이동하여 SENDGRID_FUNCTION_ENDPOINT 편집하여 수동으로 테스트를 위해 URL을 추가하십시오.

생산 중

모든 버킷에 포함 된 웹 호스팅 옵션을 사용하는 경우 :

1. 버킷> 설정> 웹 호스팅으로 이동하십시오
2. 웹 사이트를 배포하십시오
3. '환경 변수 설정'탭을 클릭하고 SendGrid 함수 엔드 포인트를 추가하십시오.

열쇠	값
sendgrid_function_endpoint	https://your-lambda-endpoint.amazonaws.com/dev/send-email