Scriptable Ts Boilerplate

screenshot of Scriptable Ts Boilerplate
nextjs

Scriptable Ts Boilerplate

A boilerplate for creating remote-updatable Scriptable widgets. Includes setup, components, utils and examples to develop in the comfort of TypeScript.

Overview

The Scriptable TS Boilerplate is designed to make creating iOS widgets with the Scriptable App more fun and efficient. It offers hot-loading widgets served by Next.js, the safety of TypeScript, build and compilation configurations, and easy deployment to Vercel. With this boilerplate, users can easily create and update widgets for the Scriptable App.

Features

  • Hot-loading widgets served by Next.js: Users can enjoy the convenience of hot-loading widgets, which means they can see changes to their widgets in real-time without manually refreshing.
  • TypeScript safety: The use of TypeScript ensures that the code is strongly typed, reducing the likelihood of bugs and improving code maintainability.
  • Build, compile, rollup and other configs: The boilerplate provides various configurations and build tools to streamline the development process.
  • Easy deployment to Vercel: Users can easily deploy their widgets to the Vercel platform, making them accessible online.
  • Automatic updates for live widgets: By pushing code changes to the main branch, users can automatically update their deployed widgets, ensuring users always have the latest version.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.