@occtoo/create-app

create-occtoo-app

Scaffold a typesafe app using Occtoo as a data service.

Get started by running npx @occtoo/create-app

Table of contents

• Occtoo
• Getting started
• Templates

Occtoo

Occtoo is an Experience Data Platform designed to accelerate the way companies create meaningful customer experiences across various touchpoints. Our platform is tailored to assist digital officers, marketers, and developers in transitioning to a new paradigm where they can dedicate less time to data integration and more time to unleashing their creative potential with data.

An Occtoo Destination offers one or more endpoints that allow you to query specific subsets of your data. It also encompasses facets and various mechanisms for fine-tuning queries by leveraging them.

For more in-depth information about how to query a destination, please refer to the destination docs.

Links

• Occtoo docs
• React + Typescript article

Getting Started

To scaffold an app, run one of the commands below and answer the command prompt questions:

npx @occtoo/create-app

bunx @occtoo/create-app

pnpm dlx @occtoo/create-app

For demo purposes, you can use the following url when asked to provide an Occtoo Destination:

https://global.occtoo.com/occtoodemo/occtooFrontEndDocumentation/v3/openapi

Templates

Next.js

Next.js is a React framework that enables server-side rendering and generating static websites. It also provides a great developer experience with features like hot module reloading, automatic code splitting, and more.

Next.js docs

Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:

• A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
• A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

Vite docs

Packages

The packages used in the templates are:

• TypeScript for type safety
• Tailwind CSS for styling
• Tanstack Query for data fetching
• OpenAPI Typescript Codegen for generating types from OpenAPI specs