react resume template

React JS резюме шаблон веб -сайта

Реакция на основе шаблона для веб-сайтов резюме, ориентированных на разработчик программного обеспечения

Посмотрите на живую демонстрацию здесь.

Если этот шаблон помог вам, и вы хотели бы поддержать мою работу, не стесняйтесь ♥ ️ Спонсировать проект

? Версия 2 здесь! Новые функции:

1. Полностью восстановлен с помощью React и полной поддержки TypeScript
2. Построенный на следующей структуре. Для простого рендеринга на стороне сервера/статической генерации, оптимизации изображений, маршрутов API и развертывания
3. Стиль полностью с Tailwindcsss
4. Реорганизованный файл популяции данных для настройки сайта.
5. Значительное улучшение/модернизация всех разделов сайта

Ищете старую версию? Вы можете найти это здесь.

Описание

Это шаблон веб -сайта на основе реагирования. Построенный из TypeScript на следующей платформе. Более того, сайт полностью оптимизирован на мобильной связи и отображается на стороне сервера для обеспечения быстрой загрузки и чистого пользовательского интерфейса на любом устройстве. Читайте дальше, чтобы узнать, как сделать это своим.

Сделайте это своим собственным!

1. Убедитесь, что у вас есть то, что вам нужно

Чтобы построить этот веб -сайт, вам нужно будет загрузить последние стабильные версии узла и пряжи на вашей машине. Если у вас их еще нет, вы можете получить узел здесь и пряжу здесь.

2. Вилка и скачайте это репо (и звезда, если хотите!)

Затем найдите кнопку Fork в правом верхнем углу этой страницы. Это позволит вам сделать свою собственную копию, чтобы получить дополнительную информацию о том, как разбейте репо, см. Здесь. После этого загрузите на свою машину разработки, используя кнопку зеленого Code в верхней части страницы репо.

3. Установите зависимости и запустите

После того, как вы получите собственную копию этого репо, раздвоены и загружены, откройте папку в вашем любимом терминале и запустите yarn install для установки зависимостей. После этого запустите yarn dev , чтобы запустить проект. В вашем терминале вам должен быть предоставлен URL -адрес управляющего экземпляра (обычно http: // localhost: 3000, если у вас нет чего -то другого).

4. Настройте данные, чтобы сделать их собственными

Все данные для сайта управляются через файл по адресу /src/data/data.tsx . Здесь вы найдете существующий контент, и обновление значений здесь будет отражено на сайте. Если у вас работает сайт, как описано выше, вы должны увидеть эти изменения, отраженные на сохранении. Типы данных для всех этих элементов приведены в одной и той же папке в файле dataDef.ts . Примеры изображений можно найти в src/images/ и импортируются в файле данных. Чтобы изменить, просто обновите эти изображения, используя то же имя и местоположение, или добавьте новые изображения и обновите импорт.

5. Подключить контактную форму

Из -за разнообразия вариантов, доступных для поставщиков контактных форм, я подключил контактную форму только в отношении обработки входов и состояния. Отправление формы и фактическая отправка электронной почты открыта для вашей собственной реализации. Моя личная рекомендация для поставщика электронной почты - SendGrid.

6. Внесите любые другие изменения, которые вам нравятся

Конечно, весь код есть, и от вас ничего не скрыто, поэтому, если вы хотите внести какие -либо другие изменения стиля/данные, не стесняйтесь!

7. развернуть в Vercel и насладиться новым сайтом резюме

Развертывание вашего нового сайта в Vercel проста, и может быть сделано, следуя их руководству здесь. Когда вы все закончите, и сборка преуспевает, вам должен быть предоставлен URL для вашего живого сайта, идите туда, и вы увидите свой новый сайт личного резюме! Поздравляю!

Проект создан и поддерживается

Тим Бейкер

Звезды

Форкеры