StackBlitz Extension

Latest Version

Version
1.0.0
Update
July 30, 2023
Size
141KiB
Developer
Category
Users
51
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
See more

Blitzify - StackBlitz Extension Extension

Supercharge your development workflow with Blitzify and say goodbye to tedious setup processes. Focus on what matters most—building amazing web projects!

Blitzify is a powerful Chrome extension that simplifies the development process by providing a seamless and efficient way to create and manage development environments. Whether you're a seasoned developer or just getting started, this extension has got you covered with its user-friendly prompts and support for premade project starters.


Features:

Web Container API Integration :

Blitzify seamlessly integrates with StackBlitz's Web Container API to create development environments based on user prompts. You can easily set up your project's template, title, description, dependencies, files, and start script without any hassle.

‘-t’ for template currently only supports ‘node’
Ex Usage- ‘-t node’

‘-ti’ for Title
Ex Usage- ‘-ti myExpressApp’

‘-des’ for Description of the development environment project
Ex Usage- ‘-des my first express app’

‘-d’ for dependencies you want to install on your development environment container
Ex Usage- ‘-d express nodemon mongoose morgan’

‘-f’ for any files you want in you container
Ex Usage- ‘-f server.js app.js’

‘-s’ for start script of your project
Ex Usage- ‘nodemon server.js’

Example-
-t node -ti myexpress -des firstExpressApp -d express nodemon slugs lodash -f server.js app.js -s nodemon server.js


Premade Project Starters:

Blitzify comes with built-in support for popular premade project starters for both frontend and backend development. Choose from a wide range of options, including Next.js, Nuxt.js, React, Angular, Vue.js, JavaScript, TypeScript, RxJS, Web Container API, and more. Whether you're building a full-stack application or focusing on mobile development, there's a starter environment for you.

Available Premade Project Starter Categories:

Frontend
Backend
Fullstack
Vite
Slides
Creative
Mobile
Vanilla

GitHub Integration with \"Launch\" Button:

Blitzify enhances your GitHub experience by adding a convenient \"Launch\" button to GitHub repository pages. With a single click, you can instantly view, review, and run code from the repository on a running online development environment, without the need to download it to your local machine. This feature streamlines the collaboration process and makes it easier to evaluate projects on the go.

I personally use it for testing npm packages or libraries, instead of starting IDE and downloading packages on local machine, I just use this extension.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Blitzify - StackBlitz Extension", "version": "1.0.0", "description": "StackBlitz Extension", "permissions": ["tabs"], "host_permissions": ["https://github.com/*"], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["https://github.com/*"], "js": ["contentScript.js"], "css": ["contentScript.css"] } ], "action": { "default_icon": { "16": "assets/extensionlogo.png", "24": "assets/extensionlogo.png", "32": "assets/extensionlogo.png" }, "default_title": "StackBlitz Extension", "default_popup": "popup.html" }, "content_security_policy": { "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';", "sandbox": "sandbox allow-scripts allow-forms allow-popups allow-modals; script-src 'self' 'unsafe-inline' 'unsafe-eval'; child-src 'self';" }, "manifest_version": 3}
Read more

Similar Extensions

icon

CodeSandbox Extension · Developer Tools 51 5 ★ 19.16KiB

icon

AI Code Generator Extension · Developer Tools 51 1 ★ 435KiB

icon

NextScraper Extension · Developer Tools 51 0 ★ 103KiB

icon

Moodle File Archive Extension · Productivity 51 0 ★ 21.22KiB

icon

Open in StackBlitz Extension · Developer Tools 51 0 ★ 21.46KiB

icon

Cool Symbols ˏˋ°•*⁀➷ Extension · Social & Communication 51 0 ★ 47.21KiB

icon

RunJS - 从任意站点轻松收藏UI组件 Extension · Developer Tools 51 4 ★ 1.26MiB

icon

Save All Tabs as HTML Extension · Developer Tools 51 0 ★ 3.8KiB

icon

Tailwind gradient picker Extension · Productivity 51 2 ★ 70.12KiB

icon

Vercel Extension · Developer Tools 51 24 ★ 34.3KiB

icon

Better Twitter Extension · Social & Communication 51 4 ★ 30.66KiB

icon

Nuxt Assistant Extension · Developer Tools 51 6 ★ 56.18KiB

icon

GitHub Web IDE Extension · Developer Tools 51 22 ★ 114KiB

icon

Webflow Code Pro - imshaiksaif.dev Extension · Developer Tools 51 2 ★ 1.7MiB

icon

Jinno: code any React component with AI Extension · Developer Tools 51 38 ★ 18.37MiB

icon

HTML To React Extension · Productivity 51 2 ★ 41.97KiB

icon

Touch-Base TUIO Bridge Extension · Productivity 51 3 ★ 64.38KiB

icon

markClipper - obsidian web clipper Extension · Productivity 51 28 ★ 205KiB

icon

HTML Copy Extension · Developer Tools 51 1 ★ 12.37KiB

icon

CopyStyle - Snatch style from any site, swiftly and seamlessly. Extension · Productivity 51 2 ★ 1.94MiB

icon

Open in CodeSandbox Extension · Developer Tools 51 3 ★ 335KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 51 9 ★ 84.8KiB

icon

Control Space Extension · Productivity 51 10 ★ 3.47MiB

icon

Python-Fiddle Extension · Developer Tools 51 2 ★ 5.19MiB