Create a Realtime Post Timeline with Nuxt and Laravel
25 episodes•2 hrs 36 mins•3 years ago
Overview
Build a realtime timeline for users to post and like posts. We’ll cover authentication, state management, infinite scrolling and explore the fastest way to keep everything up-to-date with realtime events.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episodes
0%
Your progress
- Total: 2h 36m
- Played: 0m
- Remaining: 2h 36m
01. Introduction and demo
2m 40s
0%
02. Laravel, Fortify and Sanctum setup
7m 30s
0%
03. Nuxt setup
2m 3s
0%
04. Base design
7m 2s
0%
05. Authenticating
8m 32s
0%
06. Styling forms
4m 33s
0%
07. Timeline design and components
9m 10s
0%
08. Post database setup
2m 6s
0%
09. Creating a post
7m 51s
0%
10. Returning the post with an API Resource
4m 43s
0%
11. Listing posts
8m 45s
0%
12. Prepending new posts
4m 22s
0%
13. Infinite scrolling trigger
6m
0%
14. Manual pagination for infinite scroll
8m 11s
0%
15. Setting up likes
2m 40s
0%
16. Mapping to get a list of likes
4m 33s
0%
17. Showing likes with state management
6m 26s
0%
18. Liking posts
7m 28s
0%
19. Setting up realtime
5m 38s
0%
20. Listening to events in Nuxt
10m 58s
0%
21. Broadcasting and pushing new posts
12m 22s
0%
22. Broadcasting and updating post likes
4m 24s
0%
23. Updating post created time automatically
7m 59s
0%
24. Hiding the post form for unauthenticated users
1m 22s
0%
25. Registering users
8m 46s
0%
Related courses
Laravel
Livewire
Build a realtime timeline app with Laravel and Livewire. Users can create posts, like posts and update their profile photo – with everything updated in realtime.
1 hr 25 mins