nextjs website boilerplate

next.js Webサイトbulerplate

動的ページ、ブログ記事、著者管理、SEO能力、連絡先フォーム、ウェブサイト検索など、いくつかの一般的なWebサイトの要件を満たすWebサイトテンプレート。貢献を歓迎します！

デモ

デモを表示するには、ここをクリックしてください

このアプリがどのように構築されたかを読んでください

特徴

1. ブートストラップフロントエンド付きのモバイルに完全に応答します
   
2. SEO準備
   
3. あなたの電子メールを選択した電子メールに送信し、簡単に参照するためにcosmicに連絡先フォーム
   
4. フルサイトの検索機能
   
5. すべてのコンテンツは、ページ、ブログ、連絡先情報を含むCosmicで簡単に管理できます。

Cosmicにサインアップしてデモコンテンツをインストールし、このWebサイトを展開します。

はじめる

git clone https://github.com/cosmicjs/nextjs-website-boilerplate
cd nextjs-website-boilerplate
npm install

# Run in development and serve at localhost:3000
npm run dev

# build for production
npm run build

# Run in production and serve at localhost:3000
COSMIC_BUCKET=your-bucket-slug npm start

bucket.jsonファイルを宇宙バケットにインポートします。これを行うには、バケット> [設定]> [インポート /エクスポート]に移動します。

フォームのセットアップにお問い合わせください

SendGrid電子メール機能をインストールして展開します。

連絡先ページの連絡先フォームは、SendGrid電子メール機能を使用して電子メールを送信します。メール関数を展開するには、バケット> [設定]> [関数]に移動します。 SendGrid関数をインストールして展開します。 SendGrid APIキーを追加するには、SendGridを使用したアカウントが必要です。

SendGrid関数のエンドポイントを追加します

開発中

config/index.jsに移動し、 SENDGRID_FUNCTION_ENDPOINTを編集して、テスト用のURLを手動で追加します。

生産中

すべてのバケットに含まれているWebホスティングオプションを使用している場合：

1. バケット> [設定]> [Webホスティング]に移動します
2. あなたのウェブサイトを展開します
3. [環境変数の設定]タブをクリックして、sendgrid関数エンドポイントを追加します。

鍵	価値
sendgrid_function_endpoint	https://your-lambda-endpoint.amazonaws.com/dev/send-email