nuxtjs website boilerplate

Nuxt.js Website -Boilerplate

Eine Website -Vorlage, die einige gemeinsame Website -Anforderungen erfüllt, einschließlich dynamischer Seiten, Blog -Artikel, Autorenverwaltung, SEO -Fähigkeit, Kontaktformular und Website -Suche. Beiträge willkommen!

Demo

Klicken Sie hier, um die Demo anzuzeigen

Lesen Sie, wie diese App erstellt wurde

Merkmale

1. Voll und ganz auf Mobile W/ Bootstrap Frontend reagieren
   
2. SEO bereit
   
3. Ein Kontaktformular, das eine E -Mail an Ihre E -Mails der Wahl und an kosmische JS sendet, um eine einfache Referenz zu erhalten
   
4. Suchfunktionalität mit Vollstandort
   
5. Alle Inhalte können in kosmischen JS, einschließlich Seiten, Blog- und Kontaktinformationen, einfach verwaltet werden.

Melden Sie sich für Cosmic JS an, um den Demo -Inhalt zu installieren und diese Website bereitzustellen.

Erste Schritte

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

Importieren Sie die Datei bucket.json in Ihren kosmischen JS -Bucket. Gehen Sie dazu zu Ihren Bucket> Einstellungen> Daten importieren / exportieren.

Kontaktformularsetup

Installieren und bereitstellen die SendGrid -E -Mail -Funktion.

Das Kontaktformular auf der Kontaktseite verwendet die SendGrid -E -Mail -Funktion, um E -Mails zu senden. Um Ihre E -Mail -Funktion bereitzustellen, erhalten Sie zu Ihren Bucket> Einstellungen> Funktionen. Installieren und bereitstellen die SendGrid -Funktion. Sie benötigen ein Konto bei SendGrid, um Ihre SendGrid -API -Schlüssel hinzuzufügen.

Fügen Sie den SendGrid -Funktionendpunkt hinzu

in der Entwicklung

Gehen Sie zu config/index.js und bearbeiten Sie SENDGRID_FUNCTION_ENDPOINT , um die URL zum Testen manuell hinzuzufügen.

in der Produktion

Wenn Sie die Webhosting -Option verwenden, die in jedem Eimer enthalten ist:

1. Gehen Sie zu Ihrem Eimer> Einstellungen> Webhosting
2. Stellen Sie Ihre Website ein
3. Klicken Sie auf die Registerkarte "Umgebungsvariablen" und fügen Sie den SendGrid -Funktionendpunkt hinzu:

Schlüssel	Wert
SendGrid_function_endpoint	https://your-lambda-endpoint.amazonaws.com/dev/send-email