- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
Build an AI Newsletter Generator SaaS | NextJS, Supabase, OpenAI, TailwindCSS...
Build your first AI SaaS that allows users to auto generate personalized newsletter using up to date technologies.
📖 Video Resources:
Checkout Inngest: https://innge.st/yt-pt-1
Code Repo: https://www.webdevultra.com/video-info/1aZRT2cs7u0
⭐️ Check out My ReactJS Course: https://react.pedrotech.co
💻 Check out my Blog: https://www.pedrotech.co
🐤 Follow me on Twitter: (https://twitter.com/pedrotech_)
📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/)
🧳 Follow me on Linkedin: (https://www.linkedin.com/company/pedrotech)
👨💻 GitHub: https://github.com/machadop1407
📋 Business Email: pedro@pedrotech.co
Timestamps:
00:00 | Introduction
01:05 | Setting up the Next.js app
02:28 | Setting up authentication with Superbase
05:01 | Organizing project files and configuring Superbase
08:03 | Middleware configuration and setting up session management
12:25 | Building the sign-in page and implementing user authentication
19:45 | Handling form submission, sign-up vs sign-in, and toggling states
30:22 | Redirecting to the dashboard after successful sign-in
35:03 | Displaying the user's email and adding the logout functionality
49:06 | Core concept of the SaaS: Fetching and generating personalized newsletters
52:03 | Integrating Inngest for background tasks like fetching data and sending emails
59:54 | Setting up OpenAI for generating AI-driven newsletter content
1:42:41 | Setting up Frequency Options with Radio Buttons and Custom Styling
1:49:00 | Save Preferences Button Setup and Validation
1:51:02 | Handling Form Submission and Saving User Preferences
1:53:13 | Integrating AI Newsletter Generation with Inngest
2:00:01 | Sending the Generated Newsletter via Email.js
2:06:12 | Scheduling Future Newsletters Based on User Preferences
2:27:36 | Pausing and Resuming Newsletters Functionality
2:36:00 | Fetching and Displaying User Preferences on Dashboard
3:00:23 | Scheduling Next Newsletter Based on Frequency Selection
3:04:06 | Cancelling the Scheduled Newsletter Event
3:07:33 | Resuming the Newsletter Scheduling After Pausing
3:11:05 | Handling User Status and Event Cancellations
3:14:21 | Finalizing the Scheduling System for the Newsletter
3:15:51 | Wrapping Up and Final Thoughts on the Project
Видео Build an AI Newsletter Generator SaaS | NextJS, Supabase, OpenAI, TailwindCSS... канала PedroTech
📖 Video Resources:
Checkout Inngest: https://innge.st/yt-pt-1
Code Repo: https://www.webdevultra.com/video-info/1aZRT2cs7u0
⭐️ Check out My ReactJS Course: https://react.pedrotech.co
💻 Check out my Blog: https://www.pedrotech.co
🐤 Follow me on Twitter: (https://twitter.com/pedrotech_)
📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/)
🧳 Follow me on Linkedin: (https://www.linkedin.com/company/pedrotech)
👨💻 GitHub: https://github.com/machadop1407
📋 Business Email: pedro@pedrotech.co
Timestamps:
00:00 | Introduction
01:05 | Setting up the Next.js app
02:28 | Setting up authentication with Superbase
05:01 | Organizing project files and configuring Superbase
08:03 | Middleware configuration and setting up session management
12:25 | Building the sign-in page and implementing user authentication
19:45 | Handling form submission, sign-up vs sign-in, and toggling states
30:22 | Redirecting to the dashboard after successful sign-in
35:03 | Displaying the user's email and adding the logout functionality
49:06 | Core concept of the SaaS: Fetching and generating personalized newsletters
52:03 | Integrating Inngest for background tasks like fetching data and sending emails
59:54 | Setting up OpenAI for generating AI-driven newsletter content
1:42:41 | Setting up Frequency Options with Radio Buttons and Custom Styling
1:49:00 | Save Preferences Button Setup and Validation
1:51:02 | Handling Form Submission and Saving User Preferences
1:53:13 | Integrating AI Newsletter Generation with Inngest
2:00:01 | Sending the Generated Newsletter via Email.js
2:06:12 | Scheduling Future Newsletters Based on User Preferences
2:27:36 | Pausing and Resuming Newsletters Functionality
2:36:00 | Fetching and Displaying User Preferences on Dashboard
3:00:23 | Scheduling Next Newsletter Based on Frequency Selection
3:04:06 | Cancelling the Scheduled Newsletter Event
3:07:33 | Resuming the Newsletter Scheduling After Pausing
3:11:05 | Handling User Status and Event Cancellations
3:14:21 | Finalizing the Scheduling System for the Newsletter
3:15:51 | Wrapping Up and Final Thoughts on the Project
Видео Build an AI Newsletter Generator SaaS | NextJS, Supabase, OpenAI, TailwindCSS... канала PedroTech
javascript learn reactjs react tutorial reactjs reactjs beginner reactjs tutorial typescript react js crash course react js node js express js pedrotech traversy media traversymedia freecodecamp deved pedro tech javascript mastery javascriptmastery Next.js React Fullstack Development AI Newsletter Tailwind CSS Supabase JavaScript Next.js Tutorial API Integration React Tutorial Cron Jobs Fullstack Project Next.js App API Routes React JS
Комментарии отсутствуют
Информация о видео
29 июля 2025 г. 17:00:04
03:17:10
Другие видео канала







![🚀 CryptoCurrency Web App [Part 2] - React JS Tutorial (Beginners) | Tutorial #17](https://i.ytimg.com/vi/gBF_7nCrWuQ/default.jpg)




![🚀 CryptoCurrency Web App [Part 1] - ReactJS Beginner Course | Tutorial #16](https://i.ytimg.com/vi/ZWyCflBbznY/default.jpg)



![Full Stack Web Development Course [7] | ReactJS, NodeJS, MySQL - Comment Section in React](https://i.ytimg.com/vi/2Xr-WddT3Lo/default.jpg)
![ReactJS Course [13] - Typescript | React Type Safety](https://i.ytimg.com/vi/DhmPNpWPNSg/default.jpg)
![Full Stack Web Development Course [12] | ReactJS, NodeJS, MySQL - Liking System](https://i.ytimg.com/vi/gX3swJ1RHrs/default.jpg)
![ReactJS Course [9] - UseContext Hook | State Management](https://i.ytimg.com/vi/FzBGqvxdxv0/default.jpg)
![Form Validation - Full Stack Web Development Course [4] | ReactJS, NodeJS, MySQL](https://i.ytimg.com/vi/lxroBmTiOhI/default.jpg)
