next portfolio dev Download - next portfolio dev Code de code Téléchargement

next portfolio dev

Code Source AI

1.0.0

Télécharger

Un portefeuille de base pour les développeurs

Version gatsby

Gatsby-Portfolio-Portfolio

Capture d'écran 2022-06-08 à 15 56 48

Caractéristiques

Manuscrit
Eslint / plus joli configuré
Scores à 100% sur A11Y / Performance / PWA / SEO
Facile à personnaliser
Belle structure de projet
Illustrations incroyables de undraw.co
Tablette et convivial pour les mobiles
Déploiement continu avec Vercel
Un formulaire de contact protégé par Google Recaptcha alimenté par Formspree
Peut être déployé en un seul clic
Rechet vos projets épinglés GitHub avec la plupart des étoiles (vous pouvez le personnaliser si vous le souhaitez) en utilisant ISR
Un déploiement de clic sur Vercel

Conception

Projet sur Behance

Condition préalable

En ligne

Prenez une clé Google Recaptcha de Google Recaptcha
Prenez votre jeton GitHub de Github
Cliquez et passez dans votre:

Jeton github

Section Variables Env.

Localement

Créer un compte sur FormSpree
Installer pnpm
Prenez votre jeton GitHub de Github
Exécuter cp .env.development.local.template .env.development.local
Si vous souhaitez construire le site Web localement, vous devrez exécuter cp .env.development.local.template .env.development.local et fournir vos variables Env.
Exécuter pnpm i && pnpm dev
Vous pouvez exécuter vercel env pull pour obtenir vos variables Env de Vercel.

Assurez-vous de modifier le fichier src/data/config.ts

 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' ,
} ;

Déploiement local sur Vercel

Je vous recommande fortement d'appuyer sur GitHub / GitLab et de déployer votre référentiel à Vercel à la place ou simplement d'appuyer sur le bouton Déployer.