SvelteKit Framework by Example: Full-Stack Ecommerce Website

سرفصل های دوره

Learn the foundamentals of SvelteKit (Svelte Framework) by creating a real E-Commerce website from scratch

1. Introduction

1. Introduction

2. Branching strategy

3. What is Svelte and SvelteKit

4. What is Server Side Rendering (SSR)

5. What is a payment gateway

2. Setting up Stripe

1. Stripe account setup

2. Adding products on Stripe

3. Creating all the shop products on Stripe

3. Getting started with SvelteKit

1. SvelteKit project setup

2. SvelteKit project structure

3. What is Vite

4. Setting up TailwindCSS

1. What is TailwindCSS

2. Installing TailwindCSS in a SvelteKit project

5. PostgreSQL database and Prisma ORM setup

1. PostgreSQL database setup

2. What is Prisma ORM

3. Installing Prisma in a SvelteKit project

4. Connecting Prisma to a PostgreSQL database

5. Creating the product model

6. Relationships between Prisma models

7. Creating the Category model

8. Populating the Category table

9.1 Zipped Static Folder.html

9. Populating the Products table

6. Introduction to components in SvelteKit

1. Components in SvelteKit

2. Creating the Header component

3. Creating the CartButton component

4. Creating the Footer component

7. Routing in SvelteKit

1. Introduction to routing in SvelteKit

2. Page files in SvelteKits router

3. Creating the E-Commerce pages

4. Error files in SvelteKits router

5. SvelteKit API routes

6. Reading data with Prisma

7. Creating the GET products API endpoint

8. Layouts in SvelteKit

9. Creating a layout and styling the pages

10. Loading the products in the index page

8. Implementing the home page

1. Conditional Rendering in SvelteKit

2. No products found - Fallback message

3. Rendering Loops in SvelteKit (#each logic block)

4. Looping the products

5. Creating the ShopCard component

9. Implementing the shop categories

1. Creating the GET categories API endpoint

2. Creating the CategoryItem component

3. Categories index page

4. Creating the categories layout

5. Create the GET products by category API endpoint

6. Reactivity in Svelte

7. Dynamic category pages

10. Implementing the product pages

1. Creating the GET product by ID API endpoint

2. Product page markup and styling

3. Loading the product details data

11. The cart system

1. Cart page markup and styling

2. Creating the CartItem component

3. The cart system

4. CartButton component improvements

12. Stripe integration

1. Payment status pages markup and styling

2. Creating the Checkout API endpoint

3. Invoking the Stripe checkout from the Cart page

4. Testing the Stripe payment

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy