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

Огромное спасибо за такой классный ролик! Объяснение без воды, но очень понятное и подробное! Однозначно лайк и подписка!

Спасибо большое за крутое видео))) так держать)

Ого , сегодня буду смотреть

Огромное спасибо

Очень крутое видео, однозначно лайк!! Я сам тоже пишу один сайт на нексте и у меня есть проблема, которую я давно не могу решить. Например у меня в локальном хранилище есть какое-то значение, от которого я отталкиваюсь и решаю показывать контент или нет. Проблема в том что после перезагрузки, он не сразу видит это значение в локальном хранилище из-за чего, мой сайт возвращается в исходное состояние и только потом, после того как он увидит что в локальном хранилище что-то хранится меняет. Есть ли способ пофиксить такое поведение? Все это дело происходит на клиенте с директивой use client.

хороший видос, какая тема в vscode у тебя из начала видео

привет можешь записать курс фронтенд с нуля? был бы благодарен, хорошо объясняешь! спаасибо!

ура, выучил за час и устроился на 300к/наносек🎉🎉🎉

@ockgame651

Ай бұрын

Ааахаххахахахахха

А middleware можно создавать только в корне проекта или в каждой папке внутри app? Спрашиваю вот почему - если я хочу обработать разной логикой различные пути - прописать всё в одном middleware и добавить кучу if на нужный мне путь (звучит довольно громоздко). Хотелось бы это декомпозировать, есть такая возможность? Как я это вижу, разбить на несколько middleware`ов только для нужного URI соответствия

@TeaCoder

Ай бұрын

Да, можно создавать middleware не только в корне проекта, но и в каждой папке внутри app. Это позволит декомпозировать логику обработки различных путей и сделать код более модульным и масштабируемым. Можно создать отдельные middleware-файлы для каждого набора путей, которые требуют специальной обработки. Например, можно создать dashboard.middleware.ts для обработки путей, связанных с панелью управления, и auth.middleware.ts для обработки путей, связанных с аутентификацией. Чтобы использовать middleware в разных папках, можно импортировать его в файл middleware.ts в корне твоего проекта и добавить его в массив middleware: import { middleware as dashboardMiddleware } from './app/dashboard/dashboard.middleware' import { middleware as authMiddleware } from './app/auth/auth.middleware' export { default } from 'next/server' export const middleware = [ dashboardMiddleware, authMiddleware ] export const config = { matcher: [ '/dashboard/:path*', '/auth/:path*' ]

@user-wt5cr7xr1r

Ай бұрын

@@TeaCoder супер, спасибо за разъяснение 👍

@TeaCoder

Ай бұрын

@@user-wt5cr7xr1r Всегда пожалуйста!

🌿Здравствуйте, спасибо как раз не мог нормально работать с middleware, теперь разбиваюсь нормально.🌿 ❓ Кстати, как вы относитесь к тому, что Next js используется как Full-stack фреймворк? 🤔 Я пробовал использовать его с MongoDB, но в итоге получился какой-то треш. Да и структура проекта выросла настолько что мне пробила крышу.

@TeaCoder

Ай бұрын

Я пробовал засовывать back-end в next и мне это очень не понравилось. Я больше люблю разделять back-end и front-end. сервер я пишу на nest js, а клиент на next. Мне так больше нравится

вроде до этой обновы не требовалось писать 'use client'

Уважаемый автор !!! Какой шрифт Вы используете в VS CODE ???

@TeaCoder

19 күн бұрын

Jetbrains Mono

@advokats086

19 күн бұрын

@@TeaCoder I thank you !!!

Каталаг, каталаг 🥸

Жду урок по nest.js

@TeaCoder

Ай бұрын

Всё будет, просто нужно время. Щас я делаю масштабный курс по css и sass

Подскажите пожалуйста какой сниппет вы используете

@TeaCoder

18 күн бұрын

"nafce": { "scope": "typescriptreact", "prefix": "nafce", "body": [ "import { FC } from 'react'", "import { Text, View } from 'react-native'", "", "const ${TM_FILENAME_BASE}: FC = () => {", " return (", " ", " ${1}${TM_FILENAME_BASE}", " ", " )", "}", "", "export default ${TM_FILENAME_BASE}" ], "description": "create a new react native typescript component" }, "nafcec": { "scope": "typescriptreact", "prefix": "nafcec", "body": [ "import { FC, PropsWithChildren } from 'react'", "import { View } from 'react-native'", "", "const ${TM_FILENAME_BASE}: FC = ({children}) => {", " return ${1}{children}", "}", "", "export default ${TM_FILENAME_BASE}" ], "description": "create a new react native HOC typescript component" }, "nafcei": { "scope": "typescriptreact", "prefix": "nafcei", "body": [ "import { FC } from 'react'", "import { Text, View } from 'react-native'", "", "interface I${TM_FILENAME_BASE} {${1}}", "", "const ${TM_FILENAME_BASE}: FC = () => {", " return (", " ", " ${1}${TM_FILENAME_BASE}", " ", " )", "}", "", "export default ${TM_FILENAME_BASE}" ], "description": "create a new react native typescript component with interface" },

@user-mb8xo8gt5c

18 күн бұрын

@@TeaCoder спасибо!

Html and css когда умрёт?

@faha_dev

Ай бұрын

Никогда, это есть основа

Я не знаю, но уже какого человека смотрю и все допускают одну ошибку, по умолчанию при использование fetch в next.js он будет SSG он по умолчанию использует force-cache. Маленький не дочет, но почему тут все путают? В доках написано же. А так видос хороший, для начинающих топ! В свое время мне пришлось изучать на методе проб и ошибок, такое видео бы пригодилось! :) VIDEO: 30:00 force-cache (default) - Next.js looks for a matching request in its Data Cache. If there is a match and it is fresh, it will be returned from the cache. If there is no match or a stale match, Next.js will fetch the resource from the remote server and update the cache with the downloaded resource. no-store - Next.js fetches the resource from the remote server on every request without looking in the cache, and it will not update the cache with the downloaded resource. Good to know: If you don't provide a cache option, Next.js will default to force-cache, unless a dynamic function such as cookies() is used, in which case it will default to no-store. The no-cache option behaves the same way as no-store in Next.js.

@true227

3 күн бұрын

в 15 версии это поведение вроде изменено

Сколько я говно-роликов индусских посмотрел, чтобы всему этому научиться... Где же ты раньше был?!😅