Building YouTube Summarizer with Next: Learn Next.js and Strapi Full Next.js Tutorial

Показать описание

Throughout the series, you'll learn to create a full CRUD application with authentication, pagination, and search functionalities. We'll also explore using AI to summarize YouTube videos, saving you time and enhancing your learning experience.

Resources for each section.
Part 1: Getting Started

Part 2: Building Out The Hero Section of the homepage

Part 3: Finishing up the homepage Features Section, TopNavigation and Footer

Part 5: Building out the Dashboard page and upload file using NextJS server actions

Part 6: Get Video Transcript with OpenAI Function

Part 7: Strapi CRUD permissions

Part 9: Backend deployment to Strapi Cloud

Part 10: Frontend deployment to Vercel

What You'll Learn:
- Frontend Development: Use Tailwind CSS and Shadcn UI to style your app.
- Backend Integration: Set up a Strapi Headless CMS for data management and authentication.
- CRUD Operations: Implement Create, Read, Update, and Delete functionalities.
- Authentication: Handle user login and registration securely.
- Dashboard: Build a user dashboard to manage notes and video summaries.
- AI Integration: Use OpenAI to generate video transcripts and summaries.
- Search & Pagination: Enhance user experience with efficient data navigation.
- Deployment: Deploy your backend to Strapi Cloud and frontend to Vercel.
- Home Page: Create a landing page with navigation, hero sections, and footer.
- Login/Register Page: Implement user authentication with Strapi and protect routes.
- Dashboard: Display available credits, and summaries with form generation.
- Summary Generation: Generate YouTube video summaries using AI.
- Notes Management: Access and manage your video notes and summaries.
- Account Page: Update user information and profile pictures.

If you have any questions feel free to ask in the comments.