AI駆動型販売・在庫管理システム「OpsPilot Console」の実装と展望
Next.js App RouterとPrisma、Neon Postgresを採用した中小企業向け販売・在庫管理システム「OpsPilot Console」のアーキテクチャと実装詳細、そして今後の開発ロードマップについて解説します
・
nextjsprisma+2
nextjsの記事
11件の記事が見つかりました
技術ブログにMermaidダイアグラムを導入した話【はてなブログ・DEV.to・Next.js対応】
はてなブログ、DEV.to、Next.jsの技術ブログでMermaidダイアグラムを表示できるようにした実装を紹介します。各プラットフォームの特性に合わせた設定と、ダークモード対応まで解説します。
・
mermaidjavascript+2
Google AdSense「有用性の低いコンテンツ」審査対応の記録
Google AdSenseの審査で「有用性の低いコンテンツ」という理由で不合格になりました。Aboutページの追加、ナビゲーション改善、コンテンツ拡充、メタ情報改善などの対応を実施した記録です。
・
adsenseseo+2
Next.js + Resend APIでお問い合わせフォームを実装した話
Next.js（App Router）とResend APIを使用して、お問い合わせフォームを実装しました。フロントエンドのバリデーション、バックエンドのメール送信、XSS対策、エラーハンドリングまで、実装の詳細をまとめます。
・
nextjsresend+2
Next.jsでQiita風の見出しアンカーリンクを実装する方法
Next.jsとrehypeを使って、Qiitaのように見出しにホバーで表示されるリンクアイコンを実装する方法と、ハイドレーションエラーの解決方法を解説します。
・
nextjsreact+2
R2E APIのデモUIを作りました！Next.js + Render でバックエンド連携する実装記
Research→Experience API を作ったので、それを体験できるフロントエンドUIを Next.js ブログに追加しました。 Next.js API Route でバックエンドプロキシ、Render のコールドスタート対応、POST リクエストのハマりポイントまで実装過程を書いています。
・
nextjstypescript+3
X(旧Twitter)にも自動投稿できるようにした話
Qiita、Zenn、DEV.toに加えて、X(旧Twitter)への自動投稿機能を追加しました。OAuth 1.0a認証を使用して、記事の公開時に自動的にXに投稿される仕組みを構築しています。
・
nextjsgithubactions+3
Vercel Postgresで匿名コメント欄を実装する（Next.js App Router）
認証なし（表示名＋任意ID）で投稿できるコメント欄を、Vercel PostgresとNext.jsのRoute Handlersで最小構成に追加。レート制限やハニーポット、XSS対策などの実装ポイントをまとめます。
・
nextjsvercel+2
AIと無料APIで"マルチ投稿ブログ"を自動化してみた（第2回）— 記事内容に合うカバー画像を自動生成
無料の生成AI（Hugging Face）とUnsplashを組み合わせて、記事ごとに最適なカバー画像を自動生成・埋め込みできるようにしました。フォールバックやOGP最適化も対応。
・
nextjsautomation+2
マルチ投稿ブログを自動化してみた（第3回）— Vercel版に広告導入とAB最適化
Vercel/Next.jsブログにAdSenseを安全に導入し、Cookie同意ゲート・記事内/末尾配置・MultiplexとのABを最短で実装。ワークフローと運用の型も公開します。
・
automationnextjs+3
AIとGitHub Actionsで"マルチ投稿ブログ"を自動化してみた（第1回）
1つのMarkdownからQiita・Zenn・DEV.to・GitHub Pages・Vercelへ自動投稿できる仕組みを構築しました。Next.js + MDX + GitHub Actionsで実現しています。
・
nextjsgithubactions+2