Next.jsの記事一覧

Article 全6件

Next.js App Router + TypeScriptでGoogle Adsense広告を実装する方法を完全解説。ページ遷移時の広告表示問題を解決し、開発環境と本番環境の切り替え、レスポンシブ対応まで実践的なコード付きで紹介します。2024年最新のインプレッション型収益モデルに対応。

この記事では、個人開発者がTypeScriptでクロスプラットフォーム対応のアプリやソフトウェア（Webサービスも含む）を開発していくための技術スタックを解説しています。あくまで個人的なメモとして書いていますので、これから大規模な個人開発を考えている方は参考になると思います。

Next.jsで開発したWebアプリ・WebサービスをVPSや自前のサーバーなど、オンプレミス環境にデプロイする方法を解説します。Vercelを使わないので手間は増えますが、その分コスト削減と自由度が向上します。

Next.js製のWebアプリをセルフホストする場合に、同じサーバー内でリバースプロキシを使って複数のアプリを運用する方法を解説していきます。リバースプロキシにはOpen Lite Speedを使用します。

Next.jsを使ったWebサービスや投稿機能付きのブログシステムを開発する場合において、画像をリアルタイムにアップロードしてサイトに表示するストリーミング配信の方法について解説します。

WordPressのように、管理画面から記事の投稿やカテゴリー管理などを行えるようにした、Next.js版ブログシステムを作ったので配布します。Next.js + Prisma + MySQLで動作します。

該当するTipsは見つかりませんでした。

Ryusei

視覚障害持ちで片目はほぼ失明していますが、フルスタックエンジニアとして活動しています。

主にTypeScriptとRustを使用して、Webアプリケーションやデスクトップアプリケーションの開発を行っています。

また、AIや機械学習にも興味があり、これらの技術を活用したプロジェクトにも取り組んでいます。

当サイトでは、技術的な記事やチュートリアルを公開しており、初心者から上級者まで幅広い層に向けた内容を提供しています。

何か質問やお仕事の依頼がありましたら、気軽にお問い合わせください。