Playing
01. Introduction and demo
Episodes
01. Introduction and setting up
02. Onboarding with Stripe
03. Creating products
08. Setting up and listing products
10m 54s
0%
09. Installing Livewire
2m 49s
0%
10. Building the production creation form
15m 1s
0%
11. Automatically generating the slug from the product title
1m 28s
0%
12. Validating and creating a product
6m 23s
0%
13. Handling product file uploads
8m 14s
0%
14. Attaching files to a product
6m 45s
0%
04. Editing products
05. User subdomains
06. Product checkout
07. Storing sales
08. Accessing purchased files
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.
34 episodes•3 hrs 32 mins•1 year ago
Overview
Build a marketplace where sellers can list and sell files, while we take a cut of each sale using Stripe Connect.
We'll cover onboarding users with Stripe Connect, creating products and uploading files, payments, and delivering purchased files to your customers.
Here's everything we'll cover:
- The Stripe Connect onboarding flow
- Effortlessly creating products (and uploading files) with Livewire forms
- Subdomains for your user's marketplace
- Stripe Checkout for a beautiful, secure payment flow
- Securely delivering files with Signed URLs in Laravel
- Showing sales stats on a dashboard
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Comments
No comments, yet. Be the first to leave a comment.