Чувствуете себя запуганным полным стеком разработки? Интересуетесь, как некоторые разработчики могут выпустить функциональное приложение всего за один день? Этот увлекательный видеокурс развеивает мифы и упрощает процесс, помогая вам быстро создавать и выпускать продукты. Превратите страшный мир полного стека разработки в доступный и приятный опыт.
Что это такое?
Это увлекательный видеокурс, но он не похож на типичный курс по программированию. Вы узнаете:
Full stack разработку
Правильное мышление для выпуска продуктов
Все мои инструменты и рабочие процессы
Позвольте мне объяснить.
Вы научитесь быстро выпускать проекты. Люди постоянно спрашивают меня: "как ты так быстро выпускаешь проекты", но, услышав ответ, обычно говорят: "Но это же не правильный способ делать вещи!!!".
Обсессия с правильным способом делать вещи - это причина того, что многие разработчики не выпустили ни одного проекта. Я не хочу просто учить вас технологическому стеку. Технологические стеки приходят и уходят.
Я хочу научить вас full stack разработке, но также изменить ваше мышление относительно разработки в целом. Я покажу вам две волшебные строки кода, которые сначала заставят вас закричать от боли, ударить в стену, принять душ и выпить, а потом попросить полный возврат средств. Но спустя некоторое время вы поймете, что я только что изменил вашу игру в веб-разработке навсегда.
Вы научитесь сфокусироваться на главном
У меня всегда была одна цель: выпускать приложения и приносить пользу конечному пользователю. Я хочу научить вас делать это, не зацикливаясь на бесполезных метриках, произвольных числах, оптимизации размера вашего пакета, сетевых запросах и вещах, которые не имеют значения.
"Мыслители" наполнят вашу голову бессмысленными вещами, которые не имеют значения при выпуске приложения. Будет ли оно масштабируемым? Будет ли перерисовываться? Мемоизировано ли оно? Достаточно ли оно оптимизировано? Будет ли оно загружать дополнительные 1 килобайт данных? Загрузится ли оно за 0,1 мс, когда пользователь в иглу на 2G-соединении загрузит его на старом Android-телефоне? Все это не имеет значения, если вы хотите выпустить продукт. Вы не Facebook.
Вы выпустите свои проекты
Большинство разработчиков не выпускают продукты. У большинства разработчиков есть сотни неиспользуемых субдоменов. Возможно, у вас есть заметка с названием "идеи для побочных проектов", которая пылится. Переименовать эту заметку в "выпущенные побочные проекты" проще, чем вы думаете.
Я проведу вас от момента создания вашего приложения до его выпуска в продакшен.
Готовы?
Базы данных
SQL
Postgres
Хранение данных
Аутентификация
JWT OAuth
Роли
Хостинг
Серверы
Безсерверная архитектура
AWS
Холодные старты
Фронт-энд
Бэк-энд
Cookies (куки)
Локальное хранилище
Кеширование Сессии
Запросы
Мутации
Балансировка нагрузки
Масштабируемость
Микросервисы
Похоже, это слишком много, верно?
Волшебная комбинация стека.
Простота и мощь этого стека безусловны.
Вы можете создать и развернуть свой продукт от нуля до готовности всего за несколько часов.
Next.js. Фреймворк React для веба. Используемый некоторыми из крупнейших компаний мира, Next.js позволяет создавать полноценные веб-приложения, расширяя последние возможности React. icon Blitz.js Отсутствующий инструментарий для Next.js Blitz начинает с того места, где заканчивает Next.js, предоставляя проверенные временем библиотеки и соглашения для создания и масштабирования всемирных приложений.
Prisma. Современная Node и TypeScript ORM Prisma открывает новый уровень опыта разработчика при работе с базами данных благодаря интуитивной модели данных, автоматическим миграциям, типовой безопасности и автозаполнению.
Mantine UI. Полнофункциональная библиотека компонентов React. Mantine помогает создавать полностью функциональные веб-приложения с высокой доступностью быстрее, чем когда-либо. Он включает в себя более 150 настраиваемых компонентов и хуков.
TypeScript. Мощный, типобезопасный JavaScript. Овладейте преимуществами проверки типов TypeScript для выявления потенциальных ошибок на ранних этапах разработки и повышения уверенности в обработке запросов на получение данных и их обновлении, обеспечивая более надежное и эффективное приложение.
Zod. Проверка схемы с учетом TypeScript с использованием статического вывода типов Узнайте, как выразительный API Zod способствует созданию более надежных и надежных проектов, выявляя потенциальные ошибки на ранних этапах и упрощая процесс разработки.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Clean up components, add more pages, nested routes
Урок 17.
00:02:10
Imports from src, unambigous imports on the fly
Урок 18.
00:07:06
Move to /features and change next.js for .page extension
Урок 19.
00:12:31
_app, _document and layout component
Урок 20.
00:03:51
Install Mantine
Урок 21.
00:09:32
Why Mantine
Урок 22.
00:05:35
Vertical, Horizontal, and why we don't use margins
Урок 23.
00:05:31
Basic Styled Layout
Урок 24.
00:06:11
Navigating to Links in next.js
Урок 25.
00:04:40
Polymorphic components and Button Links
Урок 26.
00:13:54
Replace Blitz Form with Mantine Form
Урок 27.
00:07:39
Nice Authentication pages
Урок 28.
00:03:48
Make the main Authentication form functional
Урок 29.
00:23:47
Next.js API routes, Blitz queries and Suspense
Урок 30.
00:11:00
Endpoint authentication in Blitz and Zod
Урок 31.
00:02:47
Fix for Blitz resolver types order
Урок 32.
00:08:22
Blitz Mutations
Урок 33.
00:07:47
Explain Authentication mutations
Урок 34.
00:04:40
Blitz context and getting the current authenticated user
Урок 35.
00:10:30
Prisma, db, and sqlite
Урок 36.
00:08:37
Prisma first migration
Урок 37.
00:07:16
Fetching and creating todos with Prisma
Урок 38.
00:07:27
Associate (connect) todos with the user
Урок 39.
00:09:20
Moving from sqlite to Postgres
Урок 40.
00:06:45
Finishing with the authentication flow
Урок 41.
00:11:44
Magically refetching Queries
Урок 42.
00:05:51
Role based fetching, clean multiple todos
Урок 43.
00:06:30
Deploy to Railway
Урок 44.
00:09:35
Exploring production environment, connecting to production DB
Урок 45.
00:04:59
Typescript Types
Урок 46.
00:05:52
Inferring Type from Blitz Queries
Урок 47.
00:09:10
Admin Role
Урок 48.
00:08:38
Nicer Error and Authentication handling
Урок 49.
00:05:49
Finish Authentication
Урок 50.
00:13:26
More Error handling
Урок 51.
00:04:59
Prettier Error handling
Урок 52.
00:18:41
Forms
Урок 53.
00:02:37
Validating a Form with Zod
Урок 54.
00:08:49
Properly typing a Form
Урок 55.
00:09:00
React Hanger useInput vs Forms
Урок 56.
00:02:39
Live Templates and Page Creation
Урок 57.
00:06:13
User Profile Page
Урок 58.
00:02:29
Simple Mantine Modal
Урок 59.
00:11:12
Edit Profile Form
Урок 60.
00:02:19
Initialize Form and redirect to username
Урок 61.
00:14:12
Edit Profile Page
Урок 62.
00:08:13
Email Sending logic
Урок 63.
00:04:02
Catching local Email with Live Preview
Урок 64.
00:07:44
Sending emails using React Email
Урок 65.
00:04:54
Catching emails locally with Nodemailer app
Урок 66.
00:07:04
Sending a Welcome Email
Урок 67.
00:05:33
Default props, clean up templates
Урок 68.
00:01:28
Typed .env
Урок 69.
00:12:00
Gitignoring react-email things
Урок 70.
00:02:04
Debugging production and local build
Урок 71.
00:06:52
Check if user email is verified
Урок 72.
00:15:40
Verify user email (part 1)
Урок 73.
00:11:46
Verify user email (part 2)
Урок 74.
00:17:43
Reset password (part 1)
Урок 75.
00:07:31
Reset password (part 2)
Урок 76.
00:09:18
Separate Login and Authentication forms
Урок 77.
00:03:30
Conditional Wrapping
Урок 78.
00:08:19
Uploadthing initial setup
Урок 79.
00:06:26
Use uploadthing inside a form
Урок 80.
00:07:12
Improve the Avatar component
Урок 81.
00:08:40
Custom UI for the Image Upload
Урок 82.
00:08:43
Allow the user to replace their profile image
Урок 83.
00:09:45
Abstract Upload Logic in a separate component
Урок 84.
00:12:05
Nudge user to finish their profiles
Урок 85.
00:08:09
Onboarding user modal
Урок 86.
00:13:23
Global modals
Урок 87.
00:04:46
Stacking modals
Урок 88.
00:05:31
Delete confirmation modal
Урок 89.
00:20:44
Mantine Themes
Урок 90.
00:16:56
Mantine styles (part 1)
Урок 91.
00:16:56
Mantine styles (part 2)
Урок 92.
00:05:34
Light and Dark mode
Урок 93.
00:08:17
Header User menu
Урок 94.
00:03:49
Settings with vertical tabs
Урок 95.
00:17:44
Change password for logged-in user
Урок 96.
00:10:39
User settings for product/marketing emails
Урок 97.
00:09:59
Reusable email components
Урок 98.
00:26:41
Unsubscribe link
Урок 99.
00:03:56
Create admin page
Урок 100.
00:01:17
Use Mantine V6
Урок 101.
00:04:41
Sending emails in batch (Part 1)
Урок 102.
00:05:36
Sending emails in batch (Part 2)
Урок 103.
00:06:03
Sending emails in batch (Part 3)
Урок 104.
00:08:30
Sending emails in batch (Part 4)
Урок 105.
00:07:54
Sending emails in batch (Part 5)
Урок 106.
00:02:11
Sending emails in batch (Part 6)
Урок 107.
00:08:00
Sending emails in batch (Part 7)
Урок 108.
00:10:20
Sending emails in batch (Part 8)
Урок 109.
00:06:53
Sending emails in batch (Part 9)
Урок 110.
00:09:11
Sending emails in batch (Part 10)
Урок 111.
00:13:04
Sending emails in batch (Part 11)
Урок 112.
00:04:48
Intro to payments
Урок 113.
00:03:15
Creating a product
Урок 114.
00:06:01
Payment webhooks
Урок 115.
00:06:47
Receiving the webhook
Урок 116.
00:04:49
Verifying the webhook
Урок 117.
00:06:08
Handling a webhook
Урок 118.
00:08:14
Generate checkout link (part 1)
Урок 119.
00:07:02
Generate checkout link (part 2)
Урок 120.
00:08:33
Handling a new order
Урок 121.
00:09:37
Handling refunds
Урок 122.
00:06:59
Creating subscription variants
Урок 123.
00:09:59
Pro Plan Buttons
Урок 124.
00:09:25
Handling subscription events
Урок 125.
00:05:00
Prisma schema for payments
Урок 126.
00:07:55
Fetch products and variants
Урок 127.
00:12:03
Storing subscriptions in db
Урок 128.
00:06:41
Updating subscription
Урок 129.
00:16:10
Billing panel for user
Урок 130.
00:04:15
Improve billing panel
Урок 131.
00:03:33
Handle subscription plan changes
Урок 132.
00:06:51
Admin table with users
Урок 133.
00:10:12
Impersonating other users
Урок 134.
00:07:36
Implementing pagination
Урок 135.
00:06:57
Implementing search
Урок 136.
00:10:26
Creating an invite system
Урок 137.
00:06:35
Protecting by IP address
Урок 138.
00:14:25
Admin invite browsing
Урок 139.
00:02:41
Requesting invite link
Урок 140.
00:12:41
Sent invite email
Урок 141.
00:03:57
Bump blitz & next to latest
Урок 142.
00:12:24
Gift codes (part 1)
Урок 143.
00:06:22
Gift codes (part 2)
Урок 144.
00:02:22
Gift codes (part 3)
Урок 145.
00:15:12
Redeeming gift codes
Урок 146.
00:06:20
Admin inviting a user
Урок 147.
00:01:38
Basics of a blog
Урок 148.
00:02:30
Installing contentlayer
Урок 149.
00:08:55
Using contentlayer
Урок 150.
00:04:58
MDX and custom components
Урок 151.
00:09:21
Improving blog & prerender
Урок 152.
00:10:54
The <MetaTags/> component
Урок 153.
00:07:34
Dynamically generating meta image
Урок 154.
00:10:17
Safely typing meta tags
Урок 155.
00:02:47
Local and global shortcuts
Урок 156.
00:16:45
Documenting shortcuts & keeping in sync
Урок 157.
00:15:24
Part 1
Урок 158.
00:10:42
Part 2
Урок 159.
00:12:53
Part 3
Урок 160.
00:04:52
Extending prisma db
Урок 161.
00:12:18
Spotlight (Part 1)
Урок 162.
00:06:38
Spotlight (Part 2)
Урок 163.
00:03:07
Save timezone
Урок 164.
00:14:16
Enhance onboarding wizard
Урок 165.
00:05:40
Detect timezone changes
Урок 166.
00:07:00
Timezone in context
Урок 167.
00:09:09
Implementing webhooks
Урок 168.
00:04:53
Editing webhook with Editable
Урок 169.
00:06:44
Pinging the webhooks
Урок 170.
00:05:09
Two-way binding tabs to URL
Урок 171.
00:06:57
Exposing an API
Урок 172.
00:12:29
Using the API
Урок 173.
00:09:03
API permissions
Урок 174.
00:09:22
Form for creating API tokens
Урок 175.
00:08:01
Form for editing API tokens
Урок 176.
00:06:03
The auto-animate library
Урок 177.
00:04:01
Show a row of icons on hover
Урок 178.
00:14:18
Optimistic updates
Урок 179.
00:03:27
Buying a domain & connecting deployment
Урок 180.
00:04:14
Setting up staging
Урок 181.
00:05:54
Using Mailtrap
Урок 182.
00:07:52
Finalize Mailtrap
Урок 183.
00:04:46
Preparing profile for SSR
Урок 184.
00:05:47
Initial SSR logic
Урок 185.
00:06:48
SSR for user profile
Урок 186.
00:04:28
Handling user not found
Урок 187.
00:05:33
Invoking blitz queries in gSSP
Урок 188.
00:02:37
Serializing data with superjson
Урок 189.
00:10:37
Responsive design
Урок 190.
00:14:47
Refactoring the auth components
Урок 191.
00:11:56
Creating a landing page
Автор - Kitze
Kitze
Я пережил все мучения веб-разработки в последние 15 лет. Я перепробовал все: Dreamweaver. Wordpress. jQuery. PHP. Filezilla. Coffeescript. SPA. Mustache. Handlebars. Angular. Gulp. Bower. React. Webpack. Redux. MobX. GraphQL. Gatsby. Next. Я попробовал все под солнцем, но ничего из этого не удержалось у меня дольше нескольких месяцев. И, наконец, и я говорю это с слезами на глазах, я нашел стек, которым пользуюсь уже более 3 лет. Я разрабатывал п
please update, there is now The ultimate Next.js template -> https://www.zerotoshipped.com
CourseHunter Team
Anonymous
This is a completely separate product and is not related to this course.
https://coursehunter.net/course/zero-to-shipped-universalnyy-shablon-next-js
thatguyshetellsyounottoworryabout
@admin please update
CourseHunter Team
thatguyshetellsyounottoworryabout
updated
coursehunter.skies282
Watched up to 30 videos. Bullshit. A lot of useless information, like - why I use paid tools, look how cool I am I developed ui lib on top of mantine ui lib., look I could use this shortcut.
Like it's Udemy course where he is paid for time watched by users. (Event though not all udemy courses shitty as this).
Course is unfinished and could be updated in a future. But he uses old approach for the Next router and old Mantine lib (and his own mantine wrapper doesn't work with the latest Mantine and he wrote in the Github issues that he wouldn't update it - lib started in June 2023)
There is similar Nextjs course from Mosh Hamedani (actually 2 parts 5 and 7 hour long) and even though it seems like introductory, but I didn't have feeling that I wasted my time, almost no useless info there.
hcee
coursehunter.skies282
Hi, Can you recommend another course with similar objectives i.e building a complete application - all the way to deployment, here or elsewhere on the internet?
Thanks,
learner2023
coursehunter.skies282
Very true!
kojo
coursehunter.skies282
Agree, this guy is moronic moron, who like to complain like little bitch. I jumped around videos and nothing of value. What is this course? I have no idea.
Anonymous
Thanks for uploading this. I was really looking forward to it.
Anonymous
amazing share!
rawstyle
Is this the full course? I didn't watch it yet, but i t seems it just stops at lesson 98 with no outro or final product. Perhaps I am seeing wrong.
oops
rawstyle
Kitze not finished the course yet
rawstyle
oops
Ah ok makes sense!
I have a problem with the course though. It seems that the sound is out of sync in every video, perhaps slight lag? Is that how the original videos from his website are too or just here on coursehunter?
CourseHunter Team
rawstyle
Same situation with original videos.
rawstyle
CourseHunter Team
Ok thanks for answer:)
Rivaldo Riva
thank you admin
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Fullstack приложение на Next.js с использованием ИИ (AI), v3
Build an AI-Powered Fullstack Next.js App, v3
Лучший способ научиться - это создавать что-то самостоятельно. Следуйте инструкциям и создайте приложение с нуля: от проектирования до развертывания. В процессе разработки вы будете использовать React, Node.js, Typescript и Postgres.
Next.js - это полноценный фреймворк, созданный на основе React.js. Узнайте, как создавать приложения и статические сайты, используя самоуверенные подходы, которые предлагает Next.js. Мы рассмотрим все, от начала до развертывания, а также все основы между ними. Вы покинете этот курс, зная, как создавать веб-приложения и статические сайты с помощью Next.js.
Буткемп по Next.js 13 - Полное руководство разработчика
The Next.js 13 Bootcamp - The Complete Developer Guide
NextJS 13 - потрясающий фреймворк более высокого уровня, построенный на основе React, который полностью изменит ваше представление о том, как создавать веб-приложения.В этом курсе мы узнаем все потрясающие возможности NextJS 13, создавая приложение для бронирования столиков в ресторане, где люди смогут просматривать рестораны и бронировать столики.В первую очередь мы изучим файловую систему в NextJS 13. Мы узнаем, как создавать статические и дина
Лучший способ научиться — это что-то построить. Следуйте инструкциям и создайте приложение с нуля. От технического задания до развертывания. Использование React, Node.js, Typescript, Postgres.
Bedrock: Быстрый старт вашего следующего продукта SaaS
Bedrock: Jumpstart your next SaaS product
Современный полнофункциональный шаблон Next.js и GraphQL с аутентификацией пользователей, платежами по подписке, командами, приглашениями, электронными письмами и всем остальным, что вам нужно.
https://coursehunter.net/course/zero-to-shipped-universalnyy-shablon-next-js
Like it's Udemy course where he is paid for time watched by users. (Event though not all udemy courses shitty as this).
Course is unfinished and could be updated in a future. But he uses old approach for the Next router and old Mantine lib (and his own mantine wrapper doesn't work with the latest Mantine and he wrote in the Github issues that he wouldn't update it - lib started in June 2023)
There is similar Nextjs course from Mosh Hamedani (actually 2 parts 5 and 7 hour long) and even though it seems like introductory, but I didn't have feeling that I wasted my time, almost no useless info there.
Thanks,
I have a problem with the course though. It seems that the sound is out of sync in every video, perhaps slight lag? Is that how the original videos from his website are too or just here on coursehunter?