개요

다음을 사용하여 Next.js 앱을 만들고 Terminal.co 와 함께 배포합니다 . 이 전체 과정은 10 분이 소요됩니다.

도구 :

• Terminal.co 계정
• GitHub 계정
• node.js / npm

빈 저장소를 만들고 복제합니다.

다음을 사용하여 Next.js 앱을 만듭니다.

$ mkdir nextjs && cd nextjs
$ npm init --y
$ npm install next react react-dom

      

"scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start",
    "export": "next export"  
}

      

module.exports = {
  exportTrailingSlash: true,
  exportPathMap: function() {
    return {
      '/': { page: '/' }
    };
  }
};

      

라는 폴더를 만듭니다. pages

페이지 내부, 생성 index.js

// index.js
import Link from "next/link";
export default function Index() {
  return (
    <div>
      <h1> Index </h1>
      <Link href="/about">
        <a> About </a>
      </Link>
    </div>
  );
}

// about.js
export default function About() {
  return (
    <div>
      <h1> About </h1>
    </div>
  );
}

테스트, 실행 npm run dev및 방문 하려면 localhost : 3000

git add, commit, push

2 단계 : Terminal.co 설정

로그인 : https://sites.terminal.co/

Github로 로그인

새 사이트 추가

Github와 연결하십시오.

Next.js 저장소를 선택하십시오.

새 사이트를 생성하려면 :

빌드 명령 : npm install && npm run build && npm run export

게시 디렉토리 : out

사이트 배포

완료되면 웹 사이트를 봅니다.

제공된 도메인 이름을 사용하여 웹 사이트를 볼 수 있습니다.

https://<your-custom-domain>.tmnl.co

또는 CID로 확인하십시오.

https://ipfs.io/ipfs/<CID>

3 단계 : 업데이트

터미널은 GitHub를 변경할 때마다 웹 사이트를 자동으로 재배포합니다. 도메인 이름이 동일하게 유지되고 새 CID를 가리킬 것인지 확인하십시오. 이를 통해 IPFS에서 호스팅되는 빠른 최신 웹 사이트를 구축 할 수 있습니다.

받은 편지함에서 직접 최고의 소프트웨어 거래 받기