/logseq-plugin-template-react

Logseq plugin boilerplate for React. Powered by Vite ✨

Primary LanguageTypeScript

Logseq Plugin Template React 🚀

Features

  • Plug-and-play boilerplate with properly defined GitHub action defaults
  • Develop with HMR, empowered by lightning-fast Vite with vite-logseq-plugin
  • TailwindCSS for styling
  • Pnpm

How to get started

  1. Clone the repository or use the button "Use this template" on GitHub to create your own version of the repository 🔨
  2. Make sure you have pnpm installed, install if necessary 🛠
  3. Execute pnpm install 📦
  4. Change the plugin-name in package.json to your liking. Adapt both the package-name and the plugin-id at the bottom of the package.json. Make sure that they are not conflicting with plugins you already installed. 📝
  5. Execute pnpm build to build the plugin 🚧
  6. Enable developer-mode in Logseq, go to plugins, select "Load unpacked plugin" 🔌
  7. Select the directory of your plugin (not the /dist-directory, but the directory which includes your package.json) 📂
  8. Enjoy! 🎉