next portfolio dev Download - Скачать next portfolio dev

next portfolio dev

AI Исходный код

1.0.0

Скачать

Основной портфель для разработчиков

Гэтсби версия

Gatsby-Portfolio-Portfolio

Скриншот 2022-06-08 в 15 56 48

Функции

Машинопись
Eslint/Prettier настроен
Баллы на 100% на A11Y / Performance / PWA / SEO
Легко настроить
Хорошая структура проекта
Удивительные иллюстрации от undraw.co
Планшет и мобильный
Непрерывное развертывание с Vercel
Контактная форма, защищенная Google Recaptcha, питаемое на Formspree
Можно развернуть одним щелчком
Приобретает свои проекты, прикрепленные к GitHub с большинством звезд (вы можете настроить это, если хотите), используя ISR
Развертывание одного щелчка в Vercel

Дизайн

Проект на Behance

Предварительные условия

Онлайн

Возьмите ключ Google Recaptcha от Google Recaptcha
Возьмите свой токен GitHub от GitHub
Щелкните и пройдите в своем:

Github токен

Для Env Переменные раздел.

Локально

Создать учетную запись в FormSpree
Установите PNPM
Возьмите свой токен GitHub от GitHub
Запустить cp .env.development.local.template .env.development.local
Если вы хотите построить веб -сайт локально, вам нужно будет запустить cp .env.development.local.template .env.development.local , а также предоставить ваши переменные ENV.
Запустите pnpm i && pnpm dev
Вы можете запустить vercel env pull , чтобы получить ваши переменные ENV от Vercel.

Обязательно отредактируйте файл 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' ,
} ;