CF

Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery

15h 40m 12s
English
Paid

Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery is a 89-lesson 15 hours 40 minutes self-paced course by Michael Guay. Enhance your fullstack development skills by creating a modern Instagram clone from scratch.

Course facts

Lessons
89
Duration
15 hours 40 minutes
Level
All levels
Language
English
Updated
Instructor
Michael Guay
Price
Premium

Enhance your fullstack development skills by creating a modern Instagram clone from scratch. In this practical course, you will develop a fully functional application step by step, using the current stack: NestJS, Next.js, tRPC, shadcn/ui, Turborepo, and Better Auth.

You will implement key features of a real product: authentication, a feed with real-time updates, likes, comments, stories, and a microservices architecture. During the process, you will learn to build a scalable application structure, efficiently divide code between frontend and backend, and create production-ready solutions with a clean interface and convenient developer experience.

This course is suitable for developers who want to deepen their knowledge and master a modern fullstack stack in practice.

Additional

https://github.com/mguay22/fotosnap

Who teaches Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery? Michael Guay

Michael Guay thumbnail

Michael Guay is a US software engineer and prolific independent instructor publishing course material on the .NET / C# stack and the modern web frameworks adjacent to it.

The course catalog covers C# and .NET fundamentals, ASP.NET Core for back-end development, Entity Framework for data access, Blazor for full-stack C# web applications, plus the surrounding tooling and deployment patterns. The teaching style is patient and project-oriented, with each course typically building a working application end-to-end.

The CourseFlix listing under this source carries over 20 Michael Guay courses spanning that range. Material is paid and aimed at developers picking up the .NET stack or extending their existing .NET experience into newer parts of the platform.

What lessons are included in Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 89 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1. Prerequisites
All Course Lessons (89)
#Lesson TitleDurationAccess
1
1. Prerequisites Demo
02:10
2
2. Repository & Support
01:13
3
3. Project Setup
16:01
4
4. Tailwind + Shadcn
07:25
5
5. Cards
08:39
6
6. Form Components
13:27
7
7. Signup Form
17:37
8
8. Login Form
06:08
9
9. Postgres
03:22
10
10. NestJS Init
05:47
11
11. Drizzle ORM
09:05
12
12. Better Auth
15:50
13
13. Auth Schema
11:52
14
14. Auth Client
12:47
15
15. Middleware
07:31
16
16. Redirect + Error Handling
10:29
17
17. Layout
03:42
18
18. Stories
08:55
19
19. Feed
13:54
20
20. User Profile
06:31
21
21. Dark Mode
16:51
22
22. Suggested Users
07:17
23
23. Posts Schema
13:17
24
24. tRPC Server
10:01
25
25. Posts Router
14:51
26
26. Create & Find Posts
16:37
27
27. Post Dialog
25:06
28
28. Multer Uploads
07:49
29
29. File Interceptor
13:12
30
30. UI File Upload
05:56
31
31. tRPC Client
09:52
32
32. Create Post Mutation
08:35
33
33. Serve Static
11:13
34
34. User Profile Picture
20:36
35
35. Profile Upload
11:15
36
36. tRPC + Better Auth
13:17
37
37. Likes Schema
06:24
38
38. Likes Backend
11:01
39
39. Likes UI
12:23
40
40. Shared Types
04:28
41
41. Comments Schema
07:53
42
42. Comments tRPC
07:19
43
43. Compiled Packages
07:32
44
44. Fix Monorepo Imports
05:05
45
45. Comments Router
05:24
46
46. Comments Service
08:06
47
47. Comments Component
12:41
48
48. Comments UI tRPC
18:19
49
49. Stories Schemas
13:04
50
50. Stories Router + Service
13:33
51
51. Stories UI
15:36
52
52. Stories Upload
07:57
53
53. Stories Viewer Modal
12:46
54
54. Stories Slideshow
13:25
55
55. Followers DB Schema
06:24
56
56. Users tRPC Schema
04:45
57
57. Users Router
09:17
58
58. Followers Backend
10:12
59
59. Profile Backend
07:49
60
60. User Cleanup
02:06
61
61. User Page
05:18
62
62. Profiler Header - Part 1
12:40
63
63. Profile Header - Part 2
09:17
64
64. User Posts - Part 1
12:45
65
65. User Posts - Part 2
05:56
66
66. Post Modal - Part 1
07:46
67
67. Post Modal - Part 2
07:48
68
68. Post Modal Comments
12:56
69
69. Post Modal Likes & Cleanup
10:38
70
70. Profile Routing
13:24
71
71. Edit Profile
19:38
72
72. Followers Modal - Part 1
11:23
73
73. Followers Modal - Part 2
08:55
74
74. Followers Modal - Part 3
10:49
75
75. Suggested Users[2]
08:09
76
76. Posts & Stories
08:17
77
77. Saved Posts Backend
12:22
78
78. Saved Posts UI
11:58
79
79. Elastic Beanstalk
15:55
80
80. CodePipeline
09:52
81
81. Build & Deploy
23:56
82
82. Relational Database Service
09:58
83
83. Beanstalk to RDS
19:02
84
84. Vercel UI
12:13
85
85. S3 Bucket
07:05
86
86. S3 Upload - Part 1
12:56
87
87. S3 Upload - Part 2
13:18
88
88. Custom Domain & SSL - Backend
09:42
89
89. Custom Domain - UI
04:37
Unlock unlimited learning

Get instant access to all 88 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery?

More courses by Michael Guay

Frequently asked questions

What prerequisites are needed for this course?
The course assumes that students have a basic understanding of JavaScript and web development concepts. Familiarity with Node.js, React, and general fullstack development practices will be beneficial as these technologies form the foundation of the course content.
What will I build in this course?
You will build a fully functional Instagram clone. Key features include user authentication, a feed with real-time updates, likes, comments, stories, and a microservices architecture. The project will allow you to integrate technologies such as NestJS, Next.js, tRPC, and Better Auth into a cohesive application.
Who is the target audience for this course?
This course is designed for developers who want to deepen their knowledge of fullstack development using modern technologies. It is particularly suited for those who wish to gain practical experience in building scalable applications with a clean interface and convenient developer experience.
How does this course compare to similar courses?
Unlike some introductory courses, this course provides an in-depth, hands-on approach to building a complex application from scratch. It covers advanced topics like microservices architecture and integrating multiple modern technologies, which may not be covered in basic fullstack tutorials.
What technologies and tools will I learn to use?
You will learn to use NestJS for the backend, Next.js for the frontend, and tRPC for remote procedure calls. The course also includes lessons on using shadcn/ui for the user interface, Turborepo for monorepo management, and Better Auth for authentication. Additionally, you will work with Drizzle ORM for database management and Tailwind CSS for styling.
What topics are not covered in this course?
The course does not cover basic programming concepts or introductory web development. It is assumed that students already have foundational knowledge in these areas. Additionally, it does not delve into other fullstack technologies outside of the specific stack used in the course, like Django or Ruby on Rails.
What is the expected time commitment for this course?
The course consists of 89 lessons, each focusing on different aspects of building the Instagram clone. The time required to complete the course will vary depending on your pace, but students should be prepared to invest significant time in both the lessons and the hands-on application development.