{"repo":"Mapaor/typst-online-editor","free":true,"listed":false,"github":"https://github.com/Mapaor/typst-online-editor","clone":"git clone https://github.com/Mapaor/typst-online-editor.git","description":"Typst online editor, built with NextJS using Typst.ts (Typst WASM compiler)","language":"TypeScript","stars":25,"topics":["compilers","nextjs","typst","wasm"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Typst Online Editor A lightweight web-based Typst editor that compiles documents directly in your browser using WebAssembly. No servers, everything client-side. Check it out here: https://typst-online-editor.vercel.app. Tech used This website is built with NextJS (React), Typst.ts (Typst for the javascript world made by @myriaddreamin), PDF.js and Shiki. Great things about the website - Everything is client-side thanks to Typst.ts (wasm file is from their CDN). - Full featured demo with different examples to load, file explorer, custom PDF preview and debounce compilation (compiles as you type). - Portable. The UI may not be framework-agnostic but the compiler logic is. You can find a more minimal version here and also another minimal Vite version here. How to use or deploy The following is basic knowledge of how to deploy a NextJS application but I'll say it in case someone is unfamiliar with it. The easiest way is to fork the repository and then deploy it to Vercel. Once deployed you can clone it locally and develop it. First install the dependencies: Then run the development server: And open the localhost URL you get. The corresponding commands for those but in production mode (the commands that Vercel runs in their server) would be npm run build and npm run start . Also if you want you can deploy this as a static site in GitHub Pages. That is done by exporting the NextJS app to static HTML+CSS+JS, explained in the following toggle. Deploy as a static site 1. First you nee","default_branch":null,"files":null,"tree":[],"storefront":"/r/Mapaor","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Mapaor/typst-online-editor/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}