Build a File Sharing SaaS App

0% complete

Autoplay

All episodes (68)

01. Introduction and demo

02. Setting up Laravel

03. Setting up Vue and Tailwind

04. Scaffolding and navigation

05. Navigation component

06. Setting up Sanctum

07. Logging in

08. Updating the nav bar

09. Logging out

10. Actually building the login page

11. User's files endpoint

12. Getting a list of user's files

13. Installing FilePond

14. Setting up an S3 bucket

15. Creating a signed upload request

16. Hooking up FilePond to signed uploads

17. Cancelling uploads

18. Clearing out finished uploads

19. Create a file record after upload

20. Updating Vuex state with new uploads

21. Deleting files

22. Removing from S3 on deletion

23. Setting up Cashier

24. Creating plans and a default free plan

25. Switching to a UserResource

26. Storage usage component

27. Formatting usages

28. Incrementing usage when uploading

29. Decrementing usage when deleting

30. Custom usage validation rule

31. Handling upload validation

32. Switching to use a FormRequest

33. Client environment variables

34. Listing plans

35. Setting up the checkout and getting a card token

36. Creating a subscription

37. Refreshing user data

38. Toggling the navigation upgrade link

39. Showing the user’s current subscription

40. Listing plans to swap to

41. Selecting a plan

42. Filtering available plans to swap to

43. Swapping a plan

44. Downgrading to a free plan

45. Checking if user can swap

46. Creating a submit button component

47. Subscription endpoint validation

48. Setting up file sharing

49. Creating a sharable link

50. Authorizing sharable link creation

51. Generating a sharable link in the client

52. Automatically copying a sharable link to the clipboard

53. Creating the download page

54. Requesting the file to download

55. Hooking up the client

56. Clicking to download the file

57. Creating a snackbar

58. Applying the snackbar to various actions

59. Hide swap plan from account area

60. Login form validation

61. Fixing middleware for sharable links

62. API middleware

63. Creating an account

64. Hooking up account creation on the client

65. Optional password confirmation

66. Fixing unique email address validation

67. Middleware pipelines

68. Handling webhooks

Build a File Sharing SaaS App

01. Introduction and demo

Go premium or sign in

Download full source code

Let’s build a file sharing SaaS app with Laravel and Vue! Featuring direct, signed uploads to S3 with FilePond, secure sharing, tiered pricing plans, usage statistics and more.