> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cocartapi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tutorials Overview

> Practical guides to help you get started with CoCart API

Welcome to the CoCart tutorials section! These hands-on guides will help you implement common use cases and integrate CoCart with your applications.

## Getting Started

If you're new to CoCart, we recommend starting with these foundational tutorials:

<CardGroup cols={2}>
  <Card title="Getting Started with Postman" icon="user-astronaut" href="/tutorials/postman">
    Learn how to test and explore the CoCart API using Postman
  </Card>

  <Card title="JWT Token Checkup" icon="key" href="/tutorials/jwt-token-checkup">
    Verify and troubleshoot your JWT authentication tokens
  </Card>
</CardGroup>

## Common Use Cases

These tutorials cover common scenarios you'll encounter when building headless WooCommerce applications:

<CardGroup cols={2}>
  <Card title="Convert Cart to Order" icon="file-invoice-dollar" href="/tutorials/covert-cart-to-order">
    Learn how to convert a cart session into an order using the WooCommerce REST API
  </Card>

  <Card title="Authentication Injection" icon="shield-halved" href="/tutorials/authentication-injection">
    Implement custom authentication methods in your application
  </Card>
</CardGroup>

## Extending CoCart

Learn how to extend and customize CoCart to meet your specific needs:

<CardGroup cols={2}>
  <Card title="Creating Cart Callbacks" icon="code" href="/tutorials/extending-cart-creating-callbacks">
    Add custom callbacks to respond to cart events
  </Card>
</CardGroup>

## Framework Integrations

Step-by-step guides for integrating CoCart with popular JavaScript frameworks:

<AccordionGroup>
  <Accordion title="Astro" icon="rocket">
    Build fast, content-focused ecommerce sites with Astro and CoCart.

    * [Setup Guide](/tutorials/astro/setup)
    * [OxbowUI Product List](/tutorials/astro/oxbowui-product-list)
  </Accordion>

  <Accordion title="Next.js" icon="react">
    Create server-rendered React applications with Next.js and CoCart.

    * [Setup Guide](/tutorials/nextjs/setup)
  </Accordion>

  <Accordion title="React Native" icon="mobile">
    Build native mobile apps with React Native and CoCart.

    * [Setup Guide](/tutorials/react-native/setup)
  </Accordion>
</AccordionGroup>

## Tips and Tricks

Quick solutions for common tasks:

* [Generate TypeScript Types](/tutorials/typescript-types-generation) - Automatically generate TypeScript types from CoCart OpenAPI specifications
* [Generate Image Data URL](/tutorials/generate-image-dataurl) - Convert product images to base64 data URLs

## What You'll Need

Before starting these tutorials, make sure you have:

* A WordPress site with WooCommerce installed
* CoCart plugin installed and activated
* Basic understanding of REST APIs
* Familiarity with your chosen programming language

## Getting Help

If you run into issues while following these tutorials:

* Check the [API Reference](/api-reference/introduction) for detailed endpoint documentation
* Visit our [Support Centre](/knowledge-base/faq) for troubleshooting guides
* Join our [Community](/resources/community) to ask questions and share knowledge

## Contributing

Have a tutorial idea or found an issue? We welcome contributions! Check out our [Contributing to Documentation](/documentation/contributing-to-docs) guide to learn how you can help improve our documentation.
