Zeit Now で Nest.js 使って HelloWlrld!

5530 ワード
zeit next.js NOW NOW テキストリンク

概要

Zeit Now でHelloWorld!を表示してみました！
５分ほどでデプロイできました。
めっちゃ簡単。

無料でも使える！

準備

下記よりユーザー登録
https://zeit.co/onboarding

nowコマンドをインストール


$ npm i -g now

now login を実行し、emailより、認証を行う。

$ now login

sample-app作成


$ npx create-next-app sample-app
$ cd sample-app

sample-app デプロイ

詳細な設定は不要で、now コマンドのみでデプロイできる！


$ now
> Deploying ~/tmp_test/sample-app under hayashikengojp
> Using project sample-app
> Synced 1 file [534ms]
> NOTE: This is the first deployment in the sample-app project. It will be promoted to production.
> NOTE: To deploy to production in the future, run `now --prod`.
> https://sample-app-1bcic4d43.now.sh [3s]
> Ready! Deployment complete [28s]
- https://sample-app.now.sh
- https://sample-app.hayashikengojp.now.sh [in clipboard]

$ open https://sample-app-1bcic4d43.now.sh/

HelloWorld表示

pages/hello.js追加。
pages 配下にファイルを置くとルーティングしてくれる。


import React from "react";

import Nav from "../components/nav";

const Hello = () => (
  <div>
    <Nav />
    <p>HelloWorld!</p>
  </div>
);

export default Hello;

now コマンドで実行


$ now
now
> Deploying ~/tmp_test/sample-app under hayashikengojp
> Using project sample-app
> Synced 1 file [852ms]
> https://sample-app-w4eczjs3g.now.sh [4s]
> Ready! Deployed to https://sample-app.hayashikengojp.now.sh [in clipboard] [29s]

$ https://sample-app-w4eczjs3g.now.sh/hello

カスタムドメイン設定もでき、ブログなど静的なサイトなど作る際はかなりお手軽に作れる。
しかも無料枠で結構使える。
今回作成したsample-appはこちら

参照