nuxtjs website boilerplate

Nuxt.js Site Web Playplate

Un modèle de site Web qui satisfait à certaines exigences de site Web courantes, notamment des pages dynamiques, des articles de blog, la gestion des auteurs, la capacité de référencement, le formulaire de contact et la recherche de site Web. Les contributions sont la bienvenue!

Démo

Cliquez ici pour voir la démo

Lire comment cette application a été construite

Caractéristiques

1. Entièrement réactif jusqu'au mobile avec frontage bootstrap
   
2. SEO Prêt
   
3. Un formulaire de contact qui envoie un e-mail à vos e-mails de choix et à Cosmic JS pour une référence facile
   
4. Fonctionnalité de recherche sur site complet
   
5. Tout le contenu est facilement géré dans Cosmic JS, y compris les pages, les blogs et les coordonnées.

Inscrivez-vous à Cosmic JS pour installer le contenu de démonstration et déployer ce site Web.

Commencer

git clone https://github.com/cosmicjs/nuxtjs-website-boilerplate
cd nuxtjs-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

Importez le fichier bucket.json dans votre seau Cosmic JS. Pour ce faire, allez dans votre seau> Paramètres> Données d'importation / exportation.

Configuration du formulaire de contact

Installez et déployez la fonction Email SendGrid.

Le formulaire de contact sur la page de contact utilise la fonction Email SendGrid pour envoyer des e-mails. Pour déployer votre fonction d'e-mail, accédez à votre seau> Paramètres> Fonctions. Installez et déployez la fonction SendGrid. Vous aurez besoin d'un compte avec SendGrid pour ajouter votre clé API SendGrid.

Ajouter le point de terminaison de la fonction SendGrid

en développement

Allez sur config/index.js et modifiez SENDGRID_FUNCTION_ENDPOINT pour ajouter manuellement l'URL pour les tests.

en production

Si vous utilisez l'option d'hébergement Web qui est incluse avec chaque seau:

1. Accédez à votre seau> Paramètres> Hébergement Web
2. Déployez votre site Web
3. Cliquez sur onglet «Définir les variables d'environnement» et ajoutez le point de terminaison de la fonction SendGrid:

Clé	Valeur
Sendgrid_function_endpoint	https://your-lambda-endpoint.amazonaws.com/dev/send-email