{"id":4004,"date":"2023-11-04T23:13:59","date_gmt":"2023-11-04T23:13:59","guid":{"rendered":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/"},"modified":"2023-11-05T05:48:24","modified_gmt":"2023-11-05T05:48:24","slug":"how-to-build-a-shopping-cart-with-laravel-and-stripe","status":"publish","type":"post","link":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/","title":{"rendered":"How to Build a Shopping Cart with Laravel and Stripe"},"content":{"rendered":"<p>In this tutorial, we will learn how to build a shopping cart using Laravel, a popular PHP framework, and Stripe, a powerful payment gateway. By the end of this tutorial, you will have a fully functional shopping cart where users can add products, update quantities, and checkout using Stripe for secure payments.<\/p>\n<h2>Prerequisites<\/h2>\n<p>To follow along with this tutorial, you will need:<\/p>\n<ul>\n<li>Basic knowledge of Laravel and PHP<\/li>\n<li>Composer installed on your computer<\/li>\n<li>An active Stripe account<\/li>\n<\/ul>\n<h2>Setting Up the Laravel Project<\/h2>\n<p>Let&#8217;s start by setting up a new Laravel project. Open your terminal and run the following command:<\/p>\n<pre><code>composer create-project laravel\/laravel shopping-cart\n<\/code><\/pre>\n<p>This will create a new Laravel project in a folder named <code>shopping-cart<\/code>.<\/p>\n<p>Next, navigate to the project folder:<\/p>\n<pre><code>cd shopping-cart\n<\/code><\/pre>\n<h2>Setting Up the Database<\/h2>\n<p>Our shopping cart will require a database to store products, orders, and other related data. Open the <code>.env<\/code> file in the project root directory and update the database connection settings to match your development environment:<\/p>\n<pre><code>DB_CONNECTION=mysql\nDB_HOST=127.0.0.1\nDB_PORT=3306\nDB_DATABASE=shopping_cart\nDB_USERNAME=root\nDB_PASSWORD=\n<\/code><\/pre>\n<p>Create a new MySQL database named <code>shopping_cart<\/code> in your local development environment.<\/p>\n<h2>Generating Migrations<\/h2>\n<p>We will use Laravel&#8217;s migration feature to create the necessary database tables. Run the following command in your terminal to generate the migration files:<\/p>\n<pre><code>php artisan make:migration create_products_table\nphp artisan make:migration create_orders_table\nphp artisan make:migration create_order_items_table\n<\/code><\/pre>\n<p>This will generate three migration files in the <code>database\/migrations<\/code> directory. Open each file and define the table schema as follows.<\/p>\n<h3><code>create_products_table.php<\/code><\/h3>\n<pre><code class=\"language-php\">use IlluminateDatabaseMigrationsMigration;\nuse IlluminateDatabaseSchemaBlueprint;\nuse IlluminateSupportFacadesSchema;\n\nclass CreateProductsTable extends Migration\n{\n    \/**\n     * Run the migrations.\n     *\n     * @return void\n     *\/\n    public function up()\n    {\n        Schema::create('products', function (Blueprint $table) {\n            $table-&gt;id();\n            $table-&gt;string('name');\n            $table-&gt;string('description');\n            $table-&gt;decimal('price', 8, 2);\n            $table-&gt;timestamps();\n        });\n    }\n\n    \/**\n     * Reverse the migrations.\n     *\n     * @return void\n     *\/\n    public function down()\n    {\n        Schema::dropIfExists('products');\n    }\n}\n<\/code><\/pre>\n<h3><code>create_orders_table.php<\/code><\/h3>\n<pre><code class=\"language-php\">use IlluminateDatabaseMigrationsMigration;\nuse IlluminateDatabaseSchemaBlueprint;\nuse IlluminateSupportFacadesSchema;\n\nclass CreateOrdersTable extends Migration\n{\n    \/**\n     * Run the migrations.\n     *\n     * @return void\n     *\/\n    public function up()\n    {\n        Schema::create('orders', function (Blueprint $table) {\n            $table-&gt;id();\n            $table-&gt;unsignedBigInteger('user_id');\n            $table-&gt;decimal('total', 8, 2);\n            $table-&gt;timestamps();\n\n            $table-&gt;foreign('user_id')-&gt;references('id')-&gt;on('users')-&gt;onDelete('cascade');\n        });\n    }\n\n    \/**\n     * Reverse the migrations.\n     *\n     * @return void\n     *\/\n    public function down()\n    {\n        Schema::dropIfExists('orders');\n    }\n}\n<\/code><\/pre>\n<h3><code>create_order_items_table.php<\/code><\/h3>\n<pre><code class=\"language-php\">use IlluminateDatabaseMigrationsMigration;\nuse IlluminateDatabaseSchemaBlueprint;\nuse IlluminateSupportFacadesSchema;\n\nclass CreateOrderItemsTable extends Migration\n{\n    \/**\n     * Run the migrations.\n     *\n     * @return void\n     *\/\n    public function up()\n    {\n        Schema::create('order_items', function (Blueprint $table) {\n            $table-&gt;id();\n            $table-&gt;unsignedBigInteger('order_id');\n            $table-&gt;unsignedBigInteger('product_id');\n            $table-&gt;integer('quantity');\n            $table-&gt;decimal('price', 8, 2);\n            $table-&gt;timestamps();\n\n            $table-&gt;foreign('order_id')-&gt;references('id')-&gt;on('orders')-&gt;onDelete('cascade');\n            $table-&gt;foreign('product_id')-&gt;references('id')-&gt;on('products')-&gt;onDelete('cascade');\n        });\n    }\n\n    \/**\n     * Reverse the migrations.\n     *\n     * @return void\n     *\/\n    public function down()\n    {\n        Schema::dropIfExists('order_items');\n    }\n}\n<\/code><\/pre>\n<h2>Running Migrations<\/h2>\n<p>Now that we have defined the table schemas, let&#8217;s run the migrations to create the database tables. Run the following command in your terminal:<\/p>\n<pre><code>php artisan migrate\n<\/code><\/pre>\n<p>You should see output similar to the following:<\/p>\n<pre><code>Migration table created successfully.\nMigrating: 2014_10_12_000000_create_users_table\nMigrated:  2014_10_12_000000_create_users_table\nMigrating: 2014_10_12_100000_create_password_resets_table\nMigrated:  2014_10_12_100000_create_password_resets_table\nMigrating: 2021_10_24_000000_create_products_table\nMigrated:  2021_10_24_000000_create_products_table\nMigrating: 2021_10_24_000001_create_orders_table\nMigrated:  2021_10_24_000001_create_orders_table\nMigrating: 2021_10_24_000002_create_order_items_table\nMigrated:  2021_10_24_000002_create_order_items_table\n<\/code><\/pre>\n<h2>Creating Models<\/h2>\n<p>We will use Laravel&#8217;s Eloquent ORM to interact with the database. Run the following commands to generate the necessary models:<\/p>\n<pre><code>php artisan make:model Product\nphp artisan make:model Order\nphp artisan make:model OrderItem\n<\/code><\/pre>\n<p>Open each model file in the <code>app\/Models<\/code> directory and define the relationships and attributes as follows.<\/p>\n<h3><code>Product.php<\/code><\/h3>\n<pre><code class=\"language-php\">namespace AppModels;\n\nuse IlluminateDatabaseEloquentFactoriesHasFactory;\nuse IlluminateDatabaseEloquentModel;\n\nclass Product extends Model\n{\n    use HasFactory;\n\n    protected $fillable = ['name', 'description', 'price'];\n\n    public function orderItems()\n    {\n        return $this-&gt;hasMany(OrderItem::class);\n    }\n}\n<\/code><\/pre>\n<h3><code>Order.php<\/code><\/h3>\n<pre><code class=\"language-php\">namespace AppModels;\n\nuse IlluminateDatabaseEloquentFactoriesHasFactory;\nuse IlluminateDatabaseEloquentModel;\n\nclass Order extends Model\n{\n    use HasFactory;\n\n    protected $fillable = ['user_id', 'total'];\n\n    public function user()\n    {\n        return $this-&gt;belongsTo(User::class);\n    }\n\n    public function items()\n    {\n        return $this-&gt;hasMany(OrderItem::class);\n    }\n}\n<\/code><\/pre>\n<h3><code>OrderItem.php<\/code><\/h3>\n<pre><code class=\"language-php\">namespace AppModels;\n\nuse IlluminateDatabaseEloquentFactoriesHasFactory;\nuse IlluminateDatabaseEloquentModel;\n\nclass OrderItem extends Model\n{\n    use HasFactory;\n\n    protected $fillable = ['order_id', 'product_id', 'quantity', 'price'];\n\n    public function order()\n    {\n        return $this-&gt;belongsTo(Order::class);\n    }\n\n    public function product()\n    {\n        return $this-&gt;belongsTo(Product::class);\n    }\n}\n<\/code><\/pre>\n<h2>Setting Up Routes and Controllers<\/h2>\n<p>Next, let&#8217;s create the necessary routes and controllers to handle the shopping cart functionality.<\/p>\n<h3><code>web.php<\/code><\/h3>\n<p>Open the <code>routes\/web.php<\/code> file and add the following routes:<\/p>\n<pre><code class=\"language-php\">use AppHttpControllersCartController;\nuse AppHttpControllersCheckoutController;\nuse AppHttpControllersProductController;\n\nRoute::get('\/', [ProductController::class, 'index'])-&gt;name('products.index');\nRoute::get('\/cart', [CartController::class, 'index'])-&gt;name('cart.index');\nRoute::post('\/cart', [CartController::class, 'add'])-&gt;name('cart.add');\nRoute::post('\/cart\/update', [CartController::class, 'update'])-&gt;name('cart.update');\nRoute::post('\/cart\/remove', [CartController::class, 'remove'])-&gt;name('cart.remove');\nRoute::get('\/checkout', [CheckoutController::class, 'index'])-&gt;name('checkout.index');\nRoute::post('\/checkout', [CheckoutController::class, 'store'])-&gt;name('checkout.store');\n<\/code><\/pre>\n<h3><code>CartController.php<\/code><\/h3>\n<p>In the <code>app\/Http\/Controllers<\/code> directory, create a new file named <code>CartController.php<\/code> with the following content:<\/p>\n<pre><code class=\"language-php\">namespace AppHttpControllers;\n\nuse AppModelsProduct;\nuse GloudemansShoppingcartFacadesCart;\nuse IlluminateHttpRequest;\n\nclass CartController extends Controller\n{\n    public function index()\n    {\n        return view('cart.index');\n    }\n\n    public function add(Request $request)\n    {\n        $product = Product::findOrFail($request-&gt;product_id);\n\n        Cart::add([\n            'id' =&gt; $product-&gt;id,\n            'name' =&gt; $product-&gt;name,\n            'price' =&gt; $product-&gt;price,\n            'quantity' =&gt; $request-&gt;quantity,\n        ]);\n\n        return redirect()-&gt;route('cart.index')-&gt;with('success', 'Product added to cart successfully!');\n    }\n\n    public function update(Request $request)\n    {\n        Cart::update($request-&gt;rowId, $request-&gt;quantity);\n\n        return redirect()-&gt;route('cart.index')-&gt;with('success', 'Cart updated successfully!');\n    }\n\n    public function remove(Request $request)\n    {\n        Cart::remove($request-&gt;rowId);\n\n        return redirect()-&gt;route('cart.index')-&gt;with('success', 'Product removed from cart successfully!');\n    }\n}\n<\/code><\/pre>\n<h3><code>CheckoutController.php<\/code><\/h3>\n<p>In the <code>app\/Http\/Controllers<\/code> directory, create a new file named <code>CheckoutController.php<\/code> with the following content:<\/p>\n<pre><code class=\"language-php\">namespace AppHttpControllers;\n\nuse AppModelsOrder;\nuse AppModelsOrderItem;\nuse IlluminateHttpRequest;\nuse IlluminateSupportFacadesAuth;\nuse StripeCharge;\nuse StripeCustomer;\nuse StripeStripe;\n\nclass CheckoutController extends Controller\n{\n    public function index()\n    {\n        return view('checkout.index');\n    }\n\n    public function store(Request $request)\n    {\n        \/\/ Set your Stripe API key\n        Stripe::setApiKey(env('STRIPE_SECRET_KEY'));\n\n        $customer = Customer::create([\n            'email' =&gt; $request-&gt;email,\n            'source' =&gt; $request-&gt;stripeToken,\n        ]);\n\n        $charge = Charge::create([\n            'customer' =&gt; $customer-&gt;id,\n            'amount' =&gt; Cart::subtotal() * 100,\n            'currency' =&gt; 'usd',\n        ]);\n\n        $order = Order::create([\n            'user_id' =&gt; Auth::id(),\n            'total' =&gt; Cart::subtotal(),\n        ]);\n\n        foreach (Cart::content() as $item) {\n            OrderItem::create([\n                'order_id' =&gt; $order-&gt;id,\n                'product_id' =&gt; $item-&gt;id,\n                'quantity' =&gt; $item-&gt;qty,\n                'price' =&gt; $item-&gt;price,\n            ]);\n        }\n\n        Cart::destroy();\n\n        return redirect()-&gt;route('products.index')-&gt;with('success', 'Order placed successfully!');\n    }\n}\n<\/code><\/pre>\n<h2>Creating Views<\/h2>\n<p>Now let&#8217;s create the necessary views to render the cart, checkout, and product pages.<\/p>\n<h3><code>cart\/index.blade.php<\/code><\/h3>\n<p>Create a new file named <code>index.blade.php<\/code> in the <code>resources\/views\/cart<\/code> directory with the following content:<\/p>\n<pre><code class=\"language-html\">@extends('layouts.app')\n\n@section('content')\n    &lt;div class=\"container\"&gt;\n        @if (session('success'))\n            &lt;div class=\"alert alert-success\"&gt;{{ session('success') }}&lt;\/div&gt;\n        @endif\n\n        &lt;h2&gt;Shopping Cart&lt;\/h2&gt;\n\n        &lt;table class=\"table table-striped\"&gt;\n            &lt;thead&gt;\n                &lt;tr&gt;\n                    &lt;th&gt;Product&lt;\/th&gt;\n                    &lt;th&gt;Quantity&lt;\/th&gt;\n                    &lt;th&gt;Price&lt;\/th&gt;\n                    &lt;th&gt;Total&lt;\/th&gt;\n                    &lt;th&gt;Actions&lt;\/th&gt;\n                &lt;\/tr&gt;\n            &lt;\/thead&gt;\n            &lt;tbody&gt;\n                @foreach (Cart::content() as $item)\n                    &lt;tr&gt;\n                        &lt;td&gt;{{ $item-&gt;name }}&lt;\/td&gt;\n                        &lt;td&gt;\n                            &lt;form action=\"{{ route('cart.update') }}\" method=\"POST\" class=\"d-inline-block\"&gt;\n                                @csrf\n                                &lt;input type=\"hidden\" name=\"rowId\" value=\"{{ $item-&gt;rowId }}\"&gt;\n                                &lt;input type=\"number\" name=\"quantity\" value=\"{{ $item-&gt;qty }}\"&gt;\n                                &lt;button type=\"submit\" class=\"btn btn-link btn-sm\"&gt;Update&lt;\/button&gt;\n                            &lt;\/form&gt;\n                            &lt;form action=\"{{ route('cart.remove') }}\" method=\"POST\" class=\"d-inline-block\"&gt;\n                                @csrf\n                                &lt;input type=\"hidden\" name=\"rowId\" value=\"{{ $item-&gt;rowId }}\"&gt;\n                                &lt;button type=\"submit\" class=\"btn btn-link btn-sm\"&gt;Remove&lt;\/button&gt;\n                            &lt;\/form&gt;\n                        &lt;\/td&gt;\n                        &lt;td&gt;{{ $item-&gt;price }}&lt;\/td&gt;\n                        &lt;td&gt;{{ $item-&gt;subtotal }}&lt;\/td&gt;\n                        &lt;td&gt;&lt;\/td&gt;\n                    &lt;\/tr&gt;\n                @endforeach\n            &lt;\/tbody&gt;\n        &lt;\/table&gt;\n    &lt;\/div&gt;\n@endsection\n<\/code><\/pre>\n<h3><code>checkout\/index.blade.php<\/code><\/h3>\n<p>Create a new file named <code>index.blade.php<\/code> in the <code>resources\/views\/checkout<\/code> directory with the following content:<\/p>\n<pre><code class=\"language-html\">@extends('layouts.app')\n\n@section('content')\n    &lt;div class=\"container\"&gt;\n        &lt;h2&gt;Checkout&lt;\/h2&gt;\n\n        &lt;form action=\"{{ route('checkout.store') }}\" method=\"POST\" id=\"payment-form\"&gt;\n            @csrf\n\n            &lt;div class=\"form-group\"&gt;\n                &lt;label for=\"email\"&gt;Email&lt;\/label&gt;\n                &lt;input type=\"email\" name=\"email\" id=\"email\" class=\"form-control\" required&gt;\n            &lt;\/div&gt;\n\n            &lt;div id=\"card-element\" class=\"form-group\"&gt;\n                &lt;!-- Stripe Elements Placeholder --&gt;\n            &lt;\/div&gt;\n\n            &lt;button type=\"submit\" class=\"btn btn-primary\"&gt;Place Order&lt;\/button&gt;\n        &lt;\/form&gt;\n    &lt;\/div&gt;\n\n    &lt;script src=\"https:\/\/js.stripe.com\/v3\/\"&gt;&lt;\/script&gt;\n    &lt;script&gt;\n        var stripe = Stripe('{{ env('STRIPE_PUBLIC_KEY') }}');\n        var elements = stripe.elements();\n\n        var style = {\n            base: {\n                color: '#32325d',\n                fontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\n                fontSmoothing: 'antialiased',\n                fontSize: '16px',\n                '::placeholder': {\n                    color: '#aab7c4'\n                }\n            },\n            invalid: {\n                color: '#fa755a',\n                iconColor: '#fa755a'\n            }\n        };\n\n        var cardElement = elements.create('card', { style: style });\n        cardElement.mount('#card-element');\n\n        var cardForm = document.getElementById('payment-form');\n        cardForm.addEventListener('submit', function (event) {\n            event.preventDefault();\n\n            stripe.createToken(cardElement).then(function (result) {\n                if (result.error) {\n                    var errorElement = document.getElementById('card-errors');\n                    errorElement.textContent = result.error.message;\n                } else {\n                    stripeTokenHandler(result.token);\n                }\n            });\n        });\n\n        function stripeTokenHandler(token) {\n            var form = document.getElementById('payment-form');\n            var hiddenInput = document.createElement('input');\n            hiddenInput.setAttribute('type', 'hidden');\n            hiddenInput.setAttribute('name', 'stripeToken');\n            hiddenInput.setAttribute('value', token.id);\n            form.appendChild(hiddenInput);\n\n            form.submit();\n        }\n    &lt;\/script&gt;\n@endsection\n<\/code><\/pre>\n<h3><code>layouts\/app.blade.php<\/code><\/h3>\n<p>Open the <code>resources\/views\/layouts\/app.blade.php<\/code> file and update the content as follows:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;Shopping Cart&lt;\/title&gt;\n    &lt;link href=\"{{ asset('css\/app.css') }}\" rel=\"stylesheet\"&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;nav class=\"navbar navbar-expand-lg navbar-light bg-light\"&gt;\n        &lt;div class=\"container\"&gt;\n            &lt;a class=\"navbar-brand\" href=\"{{ route('products.index') }}\"&gt;Shopping Cart&lt;\/a&gt;\n            &lt;ul class=\"navbar-nav ml-auto\"&gt;\n                &lt;li class=\"nav-item\"&gt;\n                    &lt;a class=\"nav-link\" href=\"{{ route('cart.index') }}\"&gt;Cart ({{ Cart::count() }})&lt;\/a&gt;\n                &lt;\/li&gt;\n            &lt;\/ul&gt;\n        &lt;\/div&gt;\n    &lt;\/nav&gt;\n\n    &lt;div class=\"py-4\"&gt;\n        @yield('content')\n    &lt;\/div&gt;\n\n    &lt;script src=\"{{ asset('js\/app.js') }}\"&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<h3><code>products\/index.blade.php<\/code><\/h3>\n<p>Create a new file named <code>index.blade.php<\/code> in the <code>resources\/views\/products<\/code> directory with the following content:<\/p>\n<pre><code class=\"language-html\">@extends('layouts.app')\n\n@section('content')\n    &lt;div class=\"container\"&gt;\n        &lt;h2&gt;Products&lt;\/h2&gt;\n\n        &lt;div class=\"row\"&gt;\n            @foreach ($products as $product)\n                &lt;div class=\"col-md-4 mb-4\"&gt;\n                    &lt;div class=\"card\"&gt;\n                        &lt;div class=\"card-body\"&gt;\n                            &lt;h5 class=\"card-title\"&gt;{{ $product-&gt;name }}&lt;\/h5&gt;\n                            &lt;p class=\"card-text\"&gt;{{ $product-&gt;description }}&lt;\/p&gt;\n                            &lt;p class=\"card-text\"&gt;${{ $product-&gt;price }}&lt;\/p&gt;\n                            &lt;form action=\"{{ route('cart.add') }}\" method=\"POST\"&gt;\n                                @csrf\n                                &lt;input type=\"hidden\" name=\"product_id\" value=\"{{ $product-&gt;id }}\"&gt;\n                                &lt;div class=\"form-group\"&gt;\n                                    &lt;input type=\"number\" name=\"quantity\" value=\"1\" class=\"form-control\" min=\"1\" required&gt;\n                                &lt;\/div&gt;\n                                &lt;button type=\"submit\" class=\"btn btn-primary\"&gt;Add to Cart&lt;\/button&gt;\n                            &lt;\/form&gt;\n                        &lt;\/div&gt;\n                    &lt;\/div&gt;\n                &lt;\/div&gt;\n            @endforeach\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n@endsection\n<\/code><\/pre>\n<h2>Creating Products<\/h2>\n<p>To quickly populate the database with some sample products, open the <code>database\/seeders\/DatabaseSeeder.php<\/code> file and update the <code>run<\/code> method as follows:<\/p>\n<pre><code class=\"language-php\">public function run()\n{\n    AppModelsProduct::factory(10)-&gt;create();\n}\n<\/code><\/pre>\n<p>Next, run the following command to seed the database:<\/p>\n<pre><code>php artisan db:seed\n<\/code><\/pre>\n<h2>Stripe Configuration<\/h2>\n<p>To process payments with Stripe, you need to set your Stripe API key in the <code>.env<\/code> file. Open the <code>.env<\/code> file and add the following line:<\/p>\n<pre><code>STRIPE_PUBLIC_KEY=\nSTRIPE_SECRET_KEY=\n<\/code><\/pre>\n<h2>Wrapping Up<\/h2>\n<p>Congratulations! You have successfully built a shopping cart with Laravel and Stripe. You can now add products to the cart, update quantities, and checkout using Stripe for secure payments.<\/p>\n<p>To test the shopping cart, start the Laravel development server by running the following command:<\/p>\n<pre><code>php artisan serve\n<\/code><\/pre>\n<p>Open your web browser and navigate to <code>http:\/\/localhost:8000` to view the list of products. Add some products to the cart and proceed to the checkout page. Enter your email address and use the test card number<\/code>4242 4242 4242 4242` with any future expiration date and CVC code. After submitting the form, you should see a success message indicating that the order was placed successfully.<\/p>\n<p>Feel free to customize and enhance the shopping cart according to your project requirements. Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will learn how to build a shopping cart using Laravel, a popular PHP framework, and Stripe, a powerful payment gateway. By the end of this tutorial, you will have a fully functional shopping cart where users can add products, update quantities, and checkout using Stripe for <a href=\"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\" class=\"btn btn-link continue-link\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[797,799,795,798,800,796,794],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Build a Shopping Cart with Laravel and Stripe - Pantherax Blogs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build a Shopping Cart with Laravel and Stripe\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, we will learn how to build a shopping cart using Laravel, a popular PHP framework, and Stripe, a powerful payment gateway. By the end of this tutorial, you will have a fully functional shopping cart where users can add products, update quantities, and checkout using Stripe for Continue Reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\" \/>\n<meta property=\"og:site_name\" content=\"Pantherax Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T23:13:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T05:48:24+00:00\" \/>\n<meta name=\"author\" content=\"Panther\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Panther\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Panther\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\"\n\t            },\n\t            \"headline\": \"How to Build a Shopping Cart with Laravel and Stripe\",\n\t            \"datePublished\": \"2023-11-04T23:13:59+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:24+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\"\n\t            },\n\t            \"wordCount\": 558,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"\\\"e-commerce web development\\\"\",\n\t                \"\\\"Laravel e-commerce website\\\"\",\n\t                \"\\\"laravel shopping cart tutorial\\\"\",\n\t                \"\\\"shopping cart development tutorial\\\"\",\n\t                \"\\\"Stripe payment gateway\\\"]\",\n\t                \"\\\"stripe payment integration\\\"\",\n\t                \"[\\\"how to build a shopping cart\\\"\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\",\n\t            \"url\": \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\",\n\t            \"name\": \"How to Build a Shopping Cart with Laravel and Stripe - Pantherax Blogs\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#website\"\n\t            },\n\t            \"datePublished\": \"2023-11-04T23:13:59+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:24+00:00\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\/\/localhost:10003\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"How to Build a Shopping Cart with Laravel and Stripe\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#website\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\/\/localhost:10003\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#organization\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"contentUrl\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"width\": 1024,\n\t                \"height\": 1024,\n\t                \"caption\": \"Pantherax Blogs\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\",\n\t            \"name\": \"Panther\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/image\/\",\n\t                \"url\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"caption\": \"Panther\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/localhost:10003\"\n\t            ],\n\t            \"url\": \"http:\/\/localhost:10003\/author\/pepethefrog\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Build a Shopping Cart with Laravel and Stripe - Pantherax Blogs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a Shopping Cart with Laravel and Stripe","og_description":"In this tutorial, we will learn how to build a shopping cart using Laravel, a popular PHP framework, and Stripe, a powerful payment gateway. By the end of this tutorial, you will have a fully functional shopping cart where users can add products, update quantities, and checkout using Stripe for Continue Reading","og_url":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/","og_site_name":"Pantherax Blogs","article_published_time":"2023-11-04T23:13:59+00:00","article_modified_time":"2023-11-05T05:48:24+00:00","author":"Panther","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Panther","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/#article","isPartOf":{"@id":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/"},"author":{"name":"Panther","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7"},"headline":"How to Build a Shopping Cart with Laravel and Stripe","datePublished":"2023-11-04T23:13:59+00:00","dateModified":"2023-11-05T05:48:24+00:00","mainEntityOfPage":{"@id":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/"},"wordCount":558,"publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"keywords":["\"e-commerce web development\"","\"Laravel e-commerce website\"","\"laravel shopping cart tutorial\"","\"shopping cart development tutorial\"","\"Stripe payment gateway\"]","\"stripe payment integration\"","[\"how to build a shopping cart\""],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/","url":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/","name":"How to Build a Shopping Cart with Laravel and Stripe - Pantherax Blogs","isPartOf":{"@id":"http:\/\/localhost:10003\/#website"},"datePublished":"2023-11-04T23:13:59+00:00","dateModified":"2023-11-05T05:48:24+00:00","breadcrumb":{"@id":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost:10003\/how-to-build-a-shopping-cart-with-laravel-and-stripe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:10003\/"},{"@type":"ListItem","position":2,"name":"How to Build a Shopping Cart with Laravel and Stripe"}]},{"@type":"WebSite","@id":"http:\/\/localhost:10003\/#website","url":"http:\/\/localhost:10003\/","name":"Pantherax Blogs","description":"","publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:10003\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/localhost:10003\/#organization","name":"Pantherax Blogs","url":"http:\/\/localhost:10003\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/","url":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","contentUrl":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","width":1024,"height":1024,"caption":"Pantherax Blogs"},"image":{"@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7","name":"Panther","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","caption":"Panther"},"sameAs":["http:\/\/localhost:10003"],"url":"http:\/\/localhost:10003\/author\/pepethefrog\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4004"}],"collection":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/comments?post=4004"}],"version-history":[{"count":1,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4004\/revisions"}],"predecessor-version":[{"id":4540,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4004\/revisions\/4540"}],"wp:attachment":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/media?parent=4004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/categories?post=4004"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/tags?post=4004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}