next portfolio dev Download - next portfolio dev Source Code Download

next portfolio dev

AI-Quellcode

1.0.0

Herunterladen

Ein grundlegendes Portfolio für Entwickler

Gatsby -Version

Gatsby-Portfolio-Portfolio

Screenshot 2022-06-08 bei 15 56 48

Merkmale

Typoskript
Eslint/schöner konfiguriert
Erzielt 100% auf A11Y / Leistung / PWA / SEO
Einfach anpassen
Schöne Projektstruktur
Erstaunliche Illustrationen von UNDRAW.CO
Tablet & Mobilfreundlich
Kontinuierliche Bereitstellung mit Vercel
Ein von Google recaptcha geschützter Kontaktformular, der von FORMSPREE betrieben wird
Kann mit einem Klick bereitgestellt werden
Abrufen Sie Ihr GitHub -festgestellter Projekte mit den meisten Sternen (Sie können dies anpassen, wenn Sie dies wünschen) mit ISR
Ein Klick -Bereitstellung für Vercel

Design

Projekt auf Behance

Voraussetzungen

Online

Holen Sie sich einen Google Recaptcha -Schlüssel von Google Recaptcha
Schnapp dir deinen Github -Token von Github
Klicken und übergeben in Ihr:

Github Token

Um Variablen abschnitt.

Lokal

Erstellen Sie ein Konto bei FeMSpree
Installieren Sie PNPM
Schnapp dir deinen Github -Token von Github
Run cp .env.development.local.template .env.development.local
Wenn Sie die Website lokal erstellen möchten, müssen Sie cp .env.development.local.template .env.development.local ausführen und Ihre Env -Variablen bereitstellen.
Führen Sie pnpm i && pnpm dev
Sie könnten vercel env pull ausführen, um Ihre Env -Variablen von Vercel zu erhalten.

Stellen Sie sicher, dass Sie die Datei src/data/config.ts bearbeiten

 const config = {
  defaultTitle : 'John Doe' ,
  url : process . env . NEXT_PUBLIC_PORTFOLIO_URL ! ,
  defaultDescription : 'I’m John Doe and I’m a Software Engineer!' ,
  googleAnalyticsID : 'G-xxxxxx' ,
  twitter : '@smakosh' ,
} ;

Bereitstellung lokal in Vercel

Ich empfehle dringend, dass Sie auf GitHub/GitLab drücken und Ihr Repository stattdessen für Vercel bereitstellen oder einfach die Schaltfläche Bereitstellung klicken.