Эй, я делаю игру с Следующие Js было довольно весело, и самое приятное то, что я меньше боролся. Я бродил по какому-то проекту Ruby On Rails, и вдруг появился мой брат со своим экстраординарная идея.

Это 14-летний ребенок, который играет в Minecraft, и ему это нравится. Я просто направлялся к его комнате и узнал, что он хочет, чтобы в веб-приложение была добавлена ​​функция, которую он использует для повышения Шахтерское ремесло Навыки ПВП.

Да, я развил уже существующую идею, но с двумя дополнительными функциями. Вы можете называть это копированием, но я называю это модификация.

Зная примерное представление о веб-приложении, я спросил себя, могу ли я сделать это с Ванильный Javascript? и ответ был ‘да‘! Я снова спросил себя, могу ли я разработать это приложение в три дня с ванильным Javascript? и ответ был «ммм, возможно нет!’

Наконец, я подумал: «Я могу разработать это за три дня с помощью Next Js» и остался твердым в этом.

Прежде чем приступить к разработке, я искал доменное имя за идею, и, к счастью, она была доступна, что меня очень взволновало. И это волнение заставило меня развить идею.

Я подумал об использовании Next Js вместе с Tailwind CSS, простым CSS, FontAwesome и некоторыми пользовательскими значками SVG.

Я начал проект NextJs. Как я уже говорила Я не могу жить с React JS в настоящее время и лемме быть честным, это стало правдой.


Идея

Идея заключалась в том, чтобы создать веб-приложение, которое может считать скорость нажатия и CPS игрока. СПС [click per second] — это количество для измерения нажатий клавиш мыши или клавиатуры, выполненных пользователем.


Ура, разработка завершена

Итак, через три дня я разработал веб-приложение, и в нем все еще были некоторые сбои, потому что я использовал setInterval, а изменения состояний раздражали выполнением setInterval. Наконец, я исправил это с помощью пользовательский хук называется использованиеинтервал


Наконец, развертывание

Для развертывания я использовал AWS Lightsail для своих предыдущих полнофункциональных веб-приложений NextJs, но на этот раз ситуация изменилась. Веб-приложение было немного полным в техническом смысле, поскольку оно использовало динамическую визуализацию и getServerSideProps, но в функциональном смысле это было просто веб-приложение только для внешнего интерфейса.

Итак, я решил использовать АМС Усиление; Я связал свой GitHub с Amplify, прикрепил к нему репозиторий, и он был в сети с доменом под названием speedclicking.com

лучшая вещь об Amplify вам просто нужно протестировать свое веб-приложение в локальной среде и выполнить команду git push, и после нажатия оно автоматически развернет веб-приложение.

И самое худшее, это стоит денег (0,01 $ / сборка) за каждое развертывание. Итак, я предлагаю вам создать две ветки git, одна из которых называется main [for amplify] а другой называется разработкой для стадии разработки веб-приложения.


Счастливый конец

Вывод таков: вы можете довольно быстро разрабатывать приложения с помощью NextJs и Tailwind CSS. Вы должны научиться этому, потому что это хороший навык, который может дать вам немного хлеба во рту или немного дофамина в вашем мозгу.

Хорошего дня!