NextJs Tutorial: Полная история создания вашего превосходного сайта портфолио

//Примечание: Смотрите видеоверсию здесь

Уважаемый поклонник Next.Js

Если вы хотите создать потрясающий сайт-портфолио, который будет выглядеть красиво и профессионально…

Сайт, который поможет вам получить лучшие предложения о работе и заставит ваших друзей немного позавидовать вашим высоким навыкам создания таких ценных «активов» от начала до конца, тогда следующие несколько абзацев будут самым важным, что вы узнаете сегодня.

Я начинаю серию уроков, чтобы поделиться всеми своими знаниями о создании сайтов и заставить их работать на вас 24/7.

В моем последнем резюме говорится о веб-разработчике с трехлетним профессиональным опытом, но я создаю сайты с 2006 года.

В основном для личных нужд…

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

Что вы можете ожидать от этой серии уроков?

  • Мы составим план, который приведет нас к созданию лучшего сайта портфолио.
  • Мы узнаем, как настроить наш проект Next.JS на успех
  • Мы будем использовать много React.Js для создания многократно используемых компонентов и страниц
  • Мы интегрируем Firebase в качестве хранилища для содержимого нашего сайта
  • Мы узнаем о Markdown и о том, как использовать его для публикации хорошо отформатированных статей
  • Мы будем использовать Firebase для реализации базовой аутентификации пользователей.
  • И, наконец, мы развернем наш сайт на Vercel, чтобы он был доступен для всех.
  • Мы создадим действительно удивительный сайт-портфолио, и нам предстоит много работы, так что давайте испачкаем руки…

Во-первых, важно определить наш стек.

Этот исчерпывающий учебник сосредоточен на демонстрации того, как правильно использовать Next.Js. Но Next.Js не может использоваться изолированно. Существуют некоторые предварительные условия, которые необходимо иметь, прежде чем принять вызов.

Будет полезно, если у вас есть четкое понимание HTML, CSS и JavaScript. Эти знания не являются обязательными. Все, что мы будем делать, построено на этих технологиях, и если вы полный новичок, я настоятельно советую вам отложить этот учебник на потом.

Изучите основы, а затем вернитесь.

Цель вашего сайта-портфолио — помочь вам получить лучшие предложения о работе, но каким бы хорошим он ни был, вас не возьмут на работу, если вы не знаете основ.

Поэтому сначала о главном.

Далее мы будем использовать React.js.

Вы определенно можете изучить эту библиотеку JavaScript при создании своего портфолио. Next.Js — это react framework, поэтому нет причин откладывать его использование. Вы можете освоить их оба одновременно.

И, наконец, есть правильный и неправильный способ создания проекта. Есть правильный и неправильный подход к созданию сайта. Есть много вещей, о которых может знать только профессионал с многолетним опытом.

Я создал множество веб-сайтов с использованием множества технологий. Я играю в эту игру уже много лет, поэтому четко понимаю, каким должен быть «конечный результат», и с удовольствием поделюсь с вами всем, что знаю.

В следующем видео мы применим немного «управления проектом».

Я раскрою стратегию, которая поможет вам понять, как должен выглядеть ваш сайт. Мы спланируем его структуру, разделы, навигацию и типы документов DB. И я объясню, почему мы делаем то, что делаем.

Хорошо. Давайте закругляться…

  • Мы поговорили о том, чего вы можете ожидать от этой серии уроков по созданию сайта портфолио.
  • Мы поговорили о стеках и предпосылках, необходимых для успешного завершения проекта
  • И мы поговорили о моем опыте, который позволяет мне делиться с вами «инсайдерской информацией».

Будьте здоровы,
Саше Вучков

Оцените статью
devanswers.ru
Добавить комментарий