Manifold Studio App – Typescript Create React App Template

Typescript Create React App template for Manifold Studio Apps.

Technologies list

• Studio App SDK React
• TypeScript
• Router
• Create React App
• Tailwind CSS

Install

To use this template for your app you can run:

npx create-react-app my-app --template @manifoldxyz/cra-template-studio-app-typescript

or

yarn create react-app my-app --template @manifoldxyz/cra-template-studio-app-typescript

Project Structure

This is the structure of the files in the template:

    │
    ├── public                  # public files
    ├── src                     # source files
    │   ├── components          
    │   ├── pages               
    │   ├── tests               # all test files, *.test.tsx
    │   ├── App.tsx             # app entry point, routes.           
    │   ├── index.tsx           # mount application
    │   ├── react-app-env.d.ts  # create react app globals
    │   └── setupTests.ts       # bootstrap jest
    ├── .gitignore
    ├── package.json
    ├── README.md
    └── tsconfig.json

📖 Resources

// TODO: studio app docs links

This package includes scripts and configuration used by Create React App.
Please refer to its documentation:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.