Next.js обзор фреймворка. Fullstack Блог. express/mongodb/next/ssr/styled components

  Рет қаралды 18,477

Давай Попробуем: JavaScript

Давай Попробуем: JavaScript

Күн бұрын

Пікірлер: 97
@lets_try_js
@lets_try_js 3 жыл бұрын
Что думаете о Next.js ?
@lets_try_js
@lets_try_js 3 жыл бұрын
Или все же привычнее обычный React.js ?
@taras7844
@taras7844 3 жыл бұрын
Хотелось бы что-то продвинутое на next
@lets_try_js
@lets_try_js 3 жыл бұрын
@@taras7844 что-то продвинутое будет, но еще пока даже идей нет что это будет)
@Almas-2002
@Almas-2002 3 жыл бұрын
Мне он нравится)
@lets_try_js
@lets_try_js 3 жыл бұрын
@@Almas-2002 мне тоже зашло))
@force_of_abstinence
@force_of_abstinence 2 жыл бұрын
Лучшее видео по Next js из всех, которые я видел. Отличная задумка
@komilolimov2257
@komilolimov2257 3 жыл бұрын
Ты очень четко и кратко доносишь всегда ты самый лучший бро поверь
@lets_try_js
@lets_try_js 3 жыл бұрын
Спасибо ))
@duce201
@duce201 3 жыл бұрын
Спасибо огромное за твой труд!!! Очень классно объяснил тему!!! Продолжай , у тебя получается!!!!
@lets_try_js
@lets_try_js 3 жыл бұрын
Приятно, когда кому то это было полезно ) Спасибо ))
@sophiasmit5638
@sophiasmit5638 2 жыл бұрын
Все понятно и просто, спасибо за ролик)
@PolatjonQurbonov
@PolatjonQurbonov 2 жыл бұрын
Спасибо за Урок !!!
@MrKirTer
@MrKirTer 3 жыл бұрын
Спасибо! для ознакомления - самое оно!
@ТёмаКоролёв-к6ф
@ТёмаКоролёв-к6ф 3 жыл бұрын
Я считаю что для таких и большинства задач подойдёт чистый nextJS без использования сторонних серверов, но у вас все равно получился хороший урок.
@lets_try_js
@lets_try_js 3 жыл бұрын
Спасибо )
@samerlagha1609
@samerlagha1609 3 жыл бұрын
Спасибо за ролик все отлично 👍🙆‍♂️ надеюсь скоро будет продвинутый ролик
@lets_try_js
@lets_try_js 3 жыл бұрын
Спасибо за отклик )
@ОГЭМКС
@ОГЭМКС 2 жыл бұрын
Хорошее видео, верстки правда очень много
@lets_try_js
@lets_try_js 2 жыл бұрын
есть такое(
@serzhuk22
@serzhuk22 2 жыл бұрын
Классный урок, интересно было бы такую же штуку с mongoose посмотреть в связке с typescript.
@lets_try_js
@lets_try_js 2 жыл бұрын
Typescript будет позже Пока ничего с ним делать не буду
@theoty-js
@theoty-js 3 жыл бұрын
суперский обзор
@lets_try_js
@lets_try_js 3 жыл бұрын
Благодарю )
@3ombieautopilot
@3ombieautopilot 3 жыл бұрын
Все отлично, только было бы здорово, чтобы голос громче звучал
@lets_try_js
@lets_try_js 3 жыл бұрын
Ещё экспериментирую с обработкой))
@web2905
@web2905 3 жыл бұрын
Спасибо большое. Интересно было бы посмотреть как этот проект тоже можно задеплоидить :)
@lets_try_js
@lets_try_js 3 жыл бұрын
пожалуй как нибудь выделю время)
@EvilGazz
@EvilGazz 3 жыл бұрын
Отличное видео! Спасибо!
@nouchance
@nouchance 3 жыл бұрын
спасибо большое !! удачи вам!
@lets_try_js
@lets_try_js 3 жыл бұрын
надеюсь будет полезно) спасибо)
@lotvaplotol5578
@lotvaplotol5578 3 жыл бұрын
Только заберу ноут у сына. И напишу про некст!
@lets_try_js
@lets_try_js 3 жыл бұрын
жду фидбек, интересно)
@dramarec
@dramarec 3 жыл бұрын
Очень хорошо рассказываешь!!! Продолжай!!! Правда громкость выкрутил на полную, если еще не купил микрофон, то срочно купи!!!!))
@lets_try_js
@lets_try_js 3 жыл бұрын
спасибо) та микрофон купил, это еще с монтажом и обработкой звука не разобрался))
@pavelgor8402
@pavelgor8402 2 жыл бұрын
после добавления файла .babelrc посыпались ошибки "Disabled SWC as replacement for Babel" , тк Next теперь использует SWC вместо babel
@MrBioneto
@MrBioneto 3 жыл бұрын
Спасибо за видео!
@lets_try_js
@lets_try_js 3 жыл бұрын
рад помочь)
@lpite9171
@lpite9171 3 жыл бұрын
вместо new Post и save можно просто писать Post.create({text,title,imageUrl}) в бд есть кнопка refresh можно не обновлять страницу
@lets_try_js
@lets_try_js 3 жыл бұрын
насчет поста спасибо за замечание) а насчет бд я просто так привык ))
@Almas-2002
@Almas-2002 3 жыл бұрын
Спасибо за видео
@lets_try_js
@lets_try_js 3 жыл бұрын
надеюсь, будет полезно)
@ЯрославВолков-р8т
@ЯрославВолков-р8т 3 жыл бұрын
Спасибо! Отличный обучающий ролик. А можно ли реализовать что то подобное используя только встроенный в Next.js API routes?
@lets_try_js
@lets_try_js 3 жыл бұрын
пока не планировал а вы почитайте документацию, у Некста она крутая, думаю разберетесь)
@DKfolkin
@DKfolkin 3 жыл бұрын
Спасибо за урок, можно попросить ссыль на макет, чтоб стили перетаскивать с фигмы?
@lets_try_js
@lets_try_js 3 жыл бұрын
сейчас добавлю в описании, проверь через пару минут )
@taras7844
@taras7844 3 жыл бұрын
спасибо)
@lets_try_js
@lets_try_js 3 жыл бұрын
рад помочь)
@Shakhrom-b7d
@Shakhrom-b7d 2 жыл бұрын
А почему бы не создать Layout с содержимым: header (в данном случае navbar) main footer Чтобы в каждую страницу не импортировать одно и то же?
@lets_try_js
@lets_try_js 2 жыл бұрын
Можно, но не это было целью урока )
@МарсДевелопер
@МарсДевелопер 3 жыл бұрын
npm audit production можешь проверить?
@force_of_abstinence
@force_of_abstinence 2 жыл бұрын
А как сделать автокомплит в styled-component или emotion?
@muartem
@muartem 2 жыл бұрын
Работает ли некс в связке с redux?
@lets_try_js
@lets_try_js 2 жыл бұрын
Да, конечно )
@Alex-gn3vm
@Alex-gn3vm 3 жыл бұрын
Доброго Вам здоровья и спасибо большое за столь познавательный контент!) Есть один вопрос. Есть самописный проект с использованием самописного JavaScript, jquery и сторонних JS-библиотек. Задался целью перенести проект на Next JS. Загрузил скрипты, подключить - вариантов нашёл много, но ни один вариант не помог оживить скрипты. Вопрос заключается в том, как перенести старый кастомный JS на проект на Next JS? Заранее спасибо за ответ!)
@lets_try_js
@lets_try_js 3 жыл бұрын
ну в целом - нет ничего невозможного )))
@Alex-gn3vm
@Alex-gn3vm 3 жыл бұрын
@@lets_try_js , спасибо за развёрнутый ответ!)))))))))
@lets_try_js
@lets_try_js 3 жыл бұрын
​@@Alex-gn3vm ну смотрите, как по мне - проще все сделать с нуля и сразу под некст, чем переписывать то, что есть. тем более еще и jquery больше времени потратите на переписку всего этого кода, чем писать все это с нуля
@bananchik26
@bananchik26 3 жыл бұрын
Привет, у меня из-за mongoose весь vscode начинает лагать, можно как то исправить это?
@lets_try_js
@lets_try_js 3 жыл бұрын
Привет Не сталкивался с таким
@dmitry9088
@dmitry9088 3 жыл бұрын
Next огонь. Он же круче реакта под создание сайтов?
@lets_try_js
@lets_try_js 3 жыл бұрын
зависит от задач, но в целом - пожалуй скорее всего да, лучше )
@krolikrodjer8879
@krolikrodjer8879 3 жыл бұрын
Next это и есть реакт...
@lets_try_js
@lets_try_js 3 жыл бұрын
@@krolikrodjer8879 сразу видно, что ролик даже не включали))
@АндрейБочарников-х5ъ
@АндрейБочарников-х5ъ 2 жыл бұрын
@@krolikrodjer8879 по такой логике можно сказать что React это JS, Vue это JS, да и всё подобное это JS, а JS это вообще C/C++ ))
@serzhuk22
@serzhuk22 2 жыл бұрын
Некст - это реактовский фреймворк, реакт - библиотека.
@СКОТТ-ю4б
@СКОТТ-ю4б 3 жыл бұрын
Хей, привет, отличный контент!Подскажи пожалуйста, как сделать такой курсор, а также как сделать такое плавное написание кода как у тебя ?)
@lets_try_js
@lets_try_js 3 жыл бұрын
Привет ) На канале есть ролик, я там рассказывал, посмотри он идёт около двух минут )
@Илья-ж8ч8о
@Илья-ж8ч8о 3 жыл бұрын
Style component вообще трушно использовать? Что то слишком много компонент получается... или в таких более менее статических сайтах катит еще?
@lets_try_js
@lets_try_js 3 жыл бұрын
если хорошо сделать структуру проекта и дробить более детально все на компоненты, то довольно таки удобно) ну и опять таки, каждому свое ) вон щас на хайпе Tailwind, тоже неплохая идея))
@МихайлоІвашко-у7й
@МихайлоІвашко-у7й 3 жыл бұрын
слишком много верстки, по бльш части не о нексте видос, но спасибо за контент по нексте, достаточно доступно
@lets_try_js
@lets_try_js 3 жыл бұрын
зато в эти несколько часов видоса получилось записать полноценной приложение с нуля, что тоже довольно не плохо я считаю )
@serzhuk22
@serzhuk22 2 жыл бұрын
Сколько критиканов, не нравится не смотри.
@abobus_xero
@abobus_xero 2 жыл бұрын
Люди, теперь для styled components и всяких других штук, просто киньте в next.config.js compiler:{ styledComponents: true, }
@andreiihomenko8859
@andreiihomenko8859 Жыл бұрын
спасиб
@Илья-ж8ч8о
@Илья-ж8ч8о 3 жыл бұрын
Подскажи как прокачать верстку правильно и грамотную, все понимаю что пишешь , а сам чет не очч могу , а если и могу то не очч правильно)
@lets_try_js
@lets_try_js 3 жыл бұрын
ничего не прокачивает скилы лучше, чем практика))) тут ответ простой, если ты все понимаешь что я пишу - значит база есть. остается только практиковаться))
@allo-bardo937
@allo-bardo937 3 жыл бұрын
Как подключить стили без использования стайл компонентов?
@ИгорьС-щ9з
@ИгорьС-щ9з 3 жыл бұрын
В global.css пишешь стили и все. Как обычно.
@allo-bardo937
@allo-bardo937 3 жыл бұрын
@@ИгорьС-щ9з это понятно, но мне нужно подключать к отдельным компонентам, а не глобально в файл _app. Как можно отключить эту навязчивую модульность css?
@allo-bardo937
@allo-bardo937 3 жыл бұрын
@@ИгорьС-щ9з я хочу делать просто import 'style.module.css' в компонент. А не impot style from 'style.module.css'
@ИгорьС-щ9з
@ИгорьС-щ9з 3 жыл бұрын
@@allo-bardo937 Ну а в чем проблема? Подключаешь style.module.css к компоненту и пишешь там стили. Только в Next.js присутствует странный баг со style.module - они слетают при переключении страниц.. Почему так происходит я выяснить не сумел. Использую только глобальные стили. В react такого бага нет
@allo-bardo937
@allo-bardo937 3 жыл бұрын
@@ИгорьС-щ9з проблема в том, что таким образом стили не подключаются. А все потому что css module присваивает другое название классов. Добавляя классу хеш и имя компонента
@МарсДевелопер
@МарсДевелопер 3 жыл бұрын
инфоцыган не мог в гитхаб выложить проект
@lets_try_js
@lets_try_js 3 жыл бұрын
Не мог )
Деплой MERN приложения на  Heroku +  Netlify #mern #deploy #ityoutubersru
10:51
Давай Попробуем: JavaScript
Рет қаралды 4,4 М.
СКОЛЬКО ПАЛЬЦЕВ ТУТ?
00:16
Masomka
Рет қаралды 3,6 МЛН
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 153 МЛН
React - самый плохой фреймворк для SSR!
6:13
Миша Ларченко
Рет қаралды 9 М.
The favorite way to create forms in Next.js
11:27
Web Dev Cody
Рет қаралды 30 М.
Fullstack приложение с нуля.  MERN-Blog 2022. Mongodb/Express.js/React.js/Node.js
5:45:14
Давай Попробуем: JavaScript
Рет қаралды 87 М.
Next.js 13 - Installing Bootstrap With The App Router
6:18
1ManStartup
Рет қаралды 13 М.
Fullstack - MERN приожение. Быстрый курс для новичков.  MongoDB/Express/React/Node.
2:40:41
СКОЛЬКО ПАЛЬЦЕВ ТУТ?
00:16
Masomka
Рет қаралды 3,6 МЛН