Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8691

無料でSSR・ホスティング・API鯖を立てれるVercel。GitHub Actionsで自動デプロイ。

$
0
0

あらかじめローカルでプロジェクトを作っておく

環境変数

VECEL_TOKEN → コンパネのSettings→Tokens
VECEL_ORG_ID → .vercel/project.jsonに書いてる
VECEL_PROJECT_ID → .vercel/project.jsonに書いてる

ソースコード

デプロイするファイル

public/index.html
<!DOCTYPE html><htmllang="ja"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width, initial-scale=1.0"/><title>Document</title></head><body><h1>hello</h1></body></html>
.github/workflows/main.yml
# 何でもいいから名前をつける。今回はCIname:CI# リポジトリにpushされた時に動くon:[push]# 必ず書くjobs:# jobの名前を書くaaa:# osはubuntuを使うruns-on:ubuntu-latest# 実行手順steps:# masterブランチにチェックアウト-uses:actions/checkout@master# 何でもいいから名前をつける-name:a# 実行するコマンドを書くrun:|mkdir .vercelecho {\"orgId\": \"${{ secrets.VECEL_ORG_ID }}\", \"projectId\": \"${{ secrets.VECEL_PROJECT_ID }}\"} > .vercel/project.jsonnpx vercel --token ${{secrets.VECEL_TOKEN}} --prod

ワイの成果物

https://qiita.com/yuzuru2/items/b5a34ad07d38ab1e7378

①コード共有サイト(SPA) React
https://code.itsumen.com

②画像共有サイト(SPA) React
https://gazou.itsumen.com

③チャット(SSR) Nuxt.js
https://nuxtchat.itsumen.com

④チャット(SPA) React
https://chat4.itsumen.com

⑤掲示板(SSR) Next.js
https://board.itsumen.com

⑥掲示板(SPA) Vue
https://board.itsumen.com

⑦レジの店員を呼ぶスマホアプリ(Android)
https://play.google.com/store/apps/details?id=com.itsumen.regi&hl=ja

⑧ブログ(静的サイトジェネレータ) Hugo
https://yuzuru.itsumen.com

ワイのLINE: https://line.me/ti/p/-GXpQkyXAm

お仕事待ってます^^


Viewing all articles
Browse latest Browse all 8691

Trending Articles