Hatena Blog Tags
はてなブログ トップ
Vercel
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Vercel

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ノーコード ラボ•14日前

Bolt.newで作成したNext.jsアプリにClerkを用いて認証機能を実装する方法

こんにちは！今回は、「Clerk」を使ってBolt.newのプロジェクトに認証機能を実装する方法をご紹介します。 Clerkは認証・ユーザー管理プラットフォームで、サインインやサインアップフォームを簡単に実装できるUIコンポーネントを提供しています。ユーザー管理機能も備えており、ユーザーに関する機能全般を簡単に実装することができます。 本記事では、Bolt.newで生成したプロジェクトにClerkのサインインUIコンポーネントを実装する方法を紹介します。コードの修正はGitHub、デプロイにはVercelを使用するので、ClerkだけでなくGitHubとVercelについて知りたい方もぜひご参…

#clerk#ユーザー管理#認証機能#bolt.new#Vercel

関連ブログ

ムキムキマッチョマン•4ヶ月前

VercelとNeonの相性が良すぎてクイックにDB付きのサービスが作れてしまいそうな話

こんにちは。ムキムキマッチョマンになりたい人です。心も体もムキムキマッチョマン。 フロントエンド領域でのムキムキマッチョマン目指して頑張っています。 この記事は技術記事の皮を被った、IT知識トレーニングの記録です。 はじめに とあるWebサービスを作りたい！となって今作っています。多分リリースしなさそうだけど。 現在の勤め先が東京・中野のちょっと株式会社という会社でして、実はここが国内唯一のVercelのパートナー企業なんですね。 というわけでチラホラその恩恵に与るものの、実際問題として中の人の知識量とオレの知識量の差がデカすぎることに気づきましてVercelを触ろうと思ったわけです。 Ver…

#neon
kokh log•4ヶ月前

はてなブログをVercelネームサーバーのサブドメインにしてGoogleAdSense申請した

このはてブロもやっと記事数が30超えたので、GoogleAdSenseの申請をしてみました。 3日くらいして審査が始まり、「有用性の低いコンテンツ」という理由でリジェクトされてしまいました😢 この際打てる対策は全部打っとこうと思い、ついでに独自ドメイン設定することに。 まだ再申請の結果は出ていないのですが、そのときの備忘録だけ残しておきます。 ※ 独自ドメインは推奨というだけで、しなくてもはてブロなら通過できるみたいです 前提 ムームードメインで独自ドメイン取得済 ネームサーバーはVercelを利用している（既に設定済なのでここでは触れません。詳細はこちら） はてなブログはProプラン契約済 …

#GoogleAdSence　はてなブログ#Vercel
kokh log•8ヶ月前

Vercel CLIから環境変数を設定する

Vercel のdashboardを経由せずに、Vercel CLIから環境変数を設定することができます。 使い方 Vercel CLIはインストールされている前提で進めます。 クラウドへ環境変数を設定 $ vercel env add ${KEY} ここから対話形式で値とセットする環境を選択することができます。 vercel env add [environment] で特定の環境に設定することもできますが、複数選択ができないので基本的には上記の形でしか使うことはなさそうだと思いました。 確認 vercel env ls で今設定されている環境変数を確認できます。 $ vercel env …

#Vercel
kokh log•8ヶ月前

Notion日報の更新を簡単にする

背景 2024年1月にNotionCalendarが登場したことがきっかけで、すべてのタスク管理をNotionに一元化しました。 ただ、Notionはかなり高性能であるがゆえ、シンプルなテキストエディタに比べとっさのメモをとるときに腰の重さを課題に感じていました。 ページを開かずとも気軽にメモがとれるようにしたかったので、Notion API を利用してどこからでもメモを追加できるようなエントリーポイントを作りました。 今回やりたいこと 今日の日報ページ（データベース上で作成日が最新のページ）にメモを追加するエントリーポイントを作る Notionで毎日AM3:00に今日の日報ページを作成するよ…

#Vercel#Productivity#日報作業撲滅#生産性とは
好きなことを書かせて•10ヶ月前

Flask AppをXreaからVercelへ移行した

以降のきっかけ Xreaサーバーでの実情 Vercelでは まずは新サイトを作る 旧サイトからリダイレクト Search Console analyticsはどうなるの？ まとめ 以降のきっかけ Pythonを触っていたので、FlaskでApp、サイトを作っていました。 JavaScriptでもなくnextでもないので、Vercelはまったく検討していませんでしたが、テンプレートの中にPythonのFlaskがあることを知ったので、レンタルサーバーから移行しようとなりました。 その備忘録です。 Xreaサーバーでの実情 レンタルサーバーXreaではcgiでpythonを実行させていました。 ま…

#Flask#Vercel#移行
ソフトウェア開発者のための OSS、まとめてみました！•1年前

Heroku、Netlify、Vercel などに代わる自己ホスト可能なOSS「Coolify」

概要 Web アプリやスマートフォンアプリ、ブラウザゲームなどを個人開発した後、デプロイ先はどこにしていますでしょうか？ 私はよく Google（GCP）を使っていたり、Next.js で Web ページなどを作成しているので Netlify などにあげ、基本的に利用料が無料になるようにしています。 個人開発となるとなるべく金額を抑えたいので、できるだけ無料のサービス、もしくは仕方がない場合は金額が低く収まるようにデプロイ先を決めたりしています。 最近では Heroku の無料枠がなくなったことで、デプロイ先をどこにしようか迷っている方も多くいるのではないでしょうか？ そんな中、自己ホスト可能…

#OSS#Coolfy#自己ホスティング#デプロイ#ホスティング#自己サーバー#Heroku#Netlify#Vercel
かもメモ•1年前

Next.js SSG したサイトを別ドメインから参照させててハマった

あるプロジェクトで Page routing の Next.js を SSG で作成したサイトを Vercel でホスティングしたものを CloudFront と Lambda@Edge を使って別ドメインの URL からサイトを表示させるようにしていた。 図で書くとこんな感じ CloudFront を使った別ドメイン (b.com/foo) からサイトを見たときだけページ内リンク (next/link) で遷移時にアプリがクラッシュしてしまう問題が発生した。 すっごくレアケースだと思うけど記録としてメモしておく 環境 Next 13.5.4 React 18.2.0 TypeScript 5…

#Next.js#CORS#TypeScript#JavaScript#Vercel
キカガク プラットフォームブログ•1年前

Next.js x Google スプレッドシートで静的サイトをつくる

この記事は Next.js を使っている方を対象にしています。 物話は少しフィクションです。 始まり ある日、お世話になっているお店の店主からこんな依頼がありました。 パソコン得意なんだよね、うちの店のホームページ作ってよ！ お知らせと商品情報は更新出来るようにしたい！ WordPress… なにそれ？ Google スプレッドシートだったら使ったことあるよ。 こういう場合はノーコードツールが望ましいかと思ったのですが、Google スプレッドシートを CMS 替わりに出来たら何かと便利だと思い、実際に作ってみることにしました。 構成 普段キカガクの業務でも使っている Next.js と、GA…

#Google App Script#Next.js#Vercel
かもメモ•1年前

Vercel Next.js 環境ごとに title, favicon を変えたい

Vercel にホストした Next.js のアプリがあり、local環境、preview (ステージング)、本番環境 があり開発中の確認で今どれを見ているのかドメインを見なくても解るように title と favicon を変更して判別しやすいようにした 環境を判定する Vercel の preview モードの NODE_ENV は production なので、VERCEL_ENV を使って判定するようにする VERCEL_ENV The Environment that the app is deployed and running on. The value can be eithe…

#Next.js#TypeScript#Node.js