Introduction and demo: Build a File Marketplace with Laravel

Build a File Marketplace with Laravel

Sign in Get started

Playing

01. Introduction and demo

Episodes

0%

Your progress

Total: 3h 32m
Played: 0m
Remaining: 3h 32m

Join or sign in to track your progress

01. Introduction and setting up

01. Introduction and demo

02. A fresh project with Laravel Breeze

02. Onboarding with Stripe

03. The onboarding screen

04. Registering the Stripe PHP library

05. Automatically creating Stripe accounts for your users

06. Forwarding users to Stripe Connect

07. Verifying if payouts are enabled

03. Creating products

08. Setting up and listing products

09. Installing Livewire

10. Building the product creation form

11. Automatically generating the slug from the product title

12. Validating and creating a product

13. Handling product file uploads

14. Attaching files to a product

04. Editing products

15. Creating the product edit form

16. Reviving product state

17. Showing and modifying existing files

18. Pulling together the product update process

19. Flashing an update message

05. User subdomains

20. Adding a user subdomain on registration

21. Subdomain routing basics

22. Adding a string macro to properly display the user's name

23. Listing the user's live products

06. Product checkout

24. Showing the product page

25. Creating the checkout success page

26. Starting the checkout flow

07. Storing sales

27. Handling Stripe webhooks

28. Storing product sales

29. Sending a confirmation email to customers

30. Securing Stripe webhooks

08. Accessing purchased files

31. Creating and validating the product download page

32. Displaying and downloading files

09. Sales dashboard

33. Calculating and displaying download stats

34. Listing through sales

Transcript

00:00

In this course, we're going to be building out a file marketplace with Laravel. This will allow your users to create products and then give a link to their personal marketplace and sell them.

00:12

Now, the way that this differs is we're going to be connecting to Stripe Connect, which means that you will get a revenue share of all of the products sold and you can set that in your config. So before we start to build this out, let's take a really good look around this and what it can do.

00:27

So first of all, note on the design, I've left this pretty plain. We're going to be putting in Laravel Breeze for the authentication scaffolding here, but I've left this pretty open so you can style this out how you want. OK, so the first thing I'm going to do is go ahead and register out an account here.

00:43

So this will be as a seller. So let's go ahead and enter our details. And the next thing you see down here is the subdomain. So we are going to be allowing the users to choose their own subdomains, which they'll be able to link to other people.

00:56

So this will actually create a subdomain route for us. So let's go ahead and click register here and just wait for this to finish. And you can see we're forwarded over to this onboarding screen. So we can't actually go anywhere within the app yet.

01:08

We can't create products. We can't head to our dashboard until we've connected up with Stripe. So let's go ahead and click on that. That's going to forward us over to Stripe Connect, which will allow us to create a Stripe account and then go ahead and set up a business. So I'm just going to go ahead and enter my credentials here,

01:25

and I'll be back with you in just a second. Okay, so I've gone ahead and signed in and I already have a couple of test accounts here or test businesses that I can use. But I'm going to go ahead and go through the process of creating a new business just to show you the kind of information that your users are going to have to fill in.

01:41

This basically ensures that they're just set up to actually sell things. So I'm going to go ahead and just enter all of this information in here, including my email address. And we're going to go ahead and just give a fake date of birth in here. Let's say 2001. And let's go ahead and enter some information here.

01:59

So Code Road, Code Street and Code City. Let's just make all this up. C-O-D-E-1-2-3-4-5. Okay, so let's enter a phone number. Again, we're in testing mode at the moment. So it doesn't really matter what information you actually enter here.

02:15

It will be deleted eventually anyway. Okay, so next is the website. So let's go ahead and enter my website. And we'll say educational screencasts and hit continue. And once you've done that, your users will be able to add in their bank details, which will be how they get paid.

02:33

So we're just going to hit use test account here, which will fill in some test bank account information. Okay, so I'm going to go ahead and enter the co-course name for the shortened descriptor. And we should be good. So that's going to forward us over to review everything, hit agree and submit. And that's going to forward us back to the app that we are building.

02:54

Okay, so now that we're forwarded back, we are technically marked on our platform as an authorized seller and we have payouts enabled, which means we can get to the good stuff, which is creating a product. So let's head over and click create product here. I'm just going to type some code here. You can see that we've got auto slug generation and let's say some code description.

03:16

We can set a price here. This can be anything. We can mark it as live or not live. So it's entirely up to what that user is doing. And I'm just going to add a couple of example files to this just to demonstrate this. So I'm just going to add two that exist within this project.

03:32

So I'm going to click create product and that has created this product. We can go ahead and edit this and save the changes. Works as you would expect. So once your users have created products and they have uploaded files, you can or they can give out their marketplace homepage.

03:50

You can see that's gone over to alex.laravellefilemarketplace.test and this will list all of their products here. Again, the design here is very basic just so we can focus on the functionality here. You can go ahead and style this up how you like. So if I click on the some code product that I've just created,

04:08

again, we have this within the domain of that user. We can click buy now for $10. So in this case, this would be another user buying this. But I'm going to go ahead and click buy now for $10. And that's going to forward me over to a Stripe checkout page where I can enter my card details.

04:25

So I've just entered some fake card information there. And I'm going to go ahead and enter my name and I'm going to hit pay. And once that has happened, we're going to be forwarded back to the app to a confirmation. It's going to send the customer an email.

04:38

So this is the confirmation page. If we head over to our email client, you can see that the customer will have received an email here and they can click on this access files button to get access to the files that they have just purchased. So now once they have purchased this,

04:53

they can just go ahead and click to download any of the files they have bought. So last up, what we're going to do is head over to our dashboard, so the seller dashboard, and you can see that we have some of the sales stats that have rolled in here, the amount of sales that we've got, the sales volume by price,

05:10

and also all of the sales here as well. Now, these prices will change depending on how you price things. If you increase or decrease a price, these are basically storing the sales at that point in time. So it's always going to be accurate information.

05:23

Okay, so if you're looking to build a platform that works anything like this, this is going to be a really good setup for you to get connected with Stripe Connect, so users can sell products. And in this case, we have received a cut of this sale price as well.

05:38

And we'll look at that throughout the course, how we configure that, and we'll also look at our Stripe dashboard so we can see how much we've made from the cut of these sales. Okay, so now that we've got the introduction out the way, let's head over and start to build this out.

Episode summary

Welcome to the course! In this first episode, we get a full overview and demo of what we'll be building together: a file marketplace with Laravel where users can sell digital products. This isn't just any marketplace, though—each seller gets their own custom subdomain, and we use Stripe Connect to handle payments, which means you (the platform owner) get a cut of every sale. Super cool if you want to build your own SaaS marketplace!

We kick off by registering a new seller account, pick out a subdomain, and then go through the Stripe Connect onboarding process. You'll see exactly what the seller experience is like, including filling out business details and connecting a bank account (don’t worry, it’s all test info for the demo).

Once that's set, we move on to creating a product—complete with file uploads, price setting, and easy status toggles. Then, we check out what the customer experience looks like: browsing the seller's marketplace, buying a product, and handling payment through Stripe's checkout.

After a successful payment, we look at the buyer's confirmation email, see how they access their files, and return to the seller dashboard to review fresh sales stats and insights.

Think of this video as both an orientation and a sneak peek of what you’ll be able to build. Now that you know how it all fits together, we’re ready to start coding!

Episode discussion

No comments, yet. Be the first!