StackBlitz

Last updated
Original author(s) Eric Simons
Initial releaseAugust 2, 2017;6 years ago (2017-08-02) [1]
Written in TypeScript, JavaScript, HTML, CSS, WebAssembly
Platform Web browsers
Website stackblitz.com

StackBlitz is a collaborative online integrated development environment (IDE). [2] The platform allows server-side software such as Node.js to be run entirely in the web browser, enabling fully online full-stack development. [3] A number of web frameworks such as React, Next.js and Angular are supported. [4]

Contents

History

StackBlitz was released to the public on August 2, 2017 by entrepreneur Eric Simons as an online integrated development environment for creating and sharing Angular and React projects. [1] Prior to launching StackBlitz, Simons had attracted media attention by secretly living at AOL headquarters for two months in 2011 while working on a different startup company. [5] [6] [7]

In May 2021, StackBlitz released WebContainers, a containerization solution that allowed server-side runtime environments such as Node.js to operate fully with web browsers. The company stated that the technology could boot development environments in less than a second, and was more secure than local environments due to running fully within the browser sandbox. [8]

Features

StackBlitz offers an online integrated development environment that operates fully within a user's web browser as opposed to a more traditional local development environment. The software primarily emphasizes JavaScript development and has a large number of web framework templates readily available. Other Node.js, Python and PHP projects are also supported. [9]

Related Research Articles

<span class="mw-page-title-main">Document Object Model</span> Convention for representing and interacting with objects in HTML, XHTML, and XML documents

The Document Object Model (DOM) is a cross-platform and language-independent interface that treats an HTML or XML document as a tree structure wherein each node is an object representing a part of the document. The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree; with them one can change the structure, style or content of a document. Nodes can have event handlers attached to them. Once an event is triggered, the event handlers get executed.

Web development is the work involved in developing a website for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services. A more comprehensive list of tasks to which Web development commonly refers, may include Web engineering, Web design, Web content development, client liaison, client-side/server-side scripting, Web server and network security configuration, and e-commerce development.

In computing, a solution stack or software stack is a set of software subsystems or components needed to create a complete platform such that no additional software is needed to support applications. Applications are said to "run on" or "run on top of" the resulting platform.

Selenium is an open source umbrella project for a range of tools and libraries aimed at supporting browser automation. It provides a playback tool for authoring functional tests across most modern web browsers, without the need to learn a test scripting language. It also provides a test domain-specific language (Selenese) to write tests in a number of popular programming languages, including JavaScript (Node.js), C#, Groovy, Java, Perl, PHP, Python, Ruby and Scala. Selenium runs on Windows, Linux, and macOS. It is open-source software released under the Apache License 2.0.

TypeScript is a free and open-source high-level programming language developed by Microsoft that adds static typing with optional type annotations to JavaScript. It is designed for the development of large applications and transpiles to JavaScript. Because TypeScript is a superset of JavaScript, all JavaScript programs are syntactically valid TypeScript, but they can fail to type-check for safety reasons.

A single-page application (SPA) is a web application or website that interacts with the user by dynamically rewriting the current web page with new data from the web server, instead of the default method of a web browser loading entire new pages. The goal is faster transitions that make the website feel more like a native app.

<span class="mw-page-title-main">Node.js</span> JavaScript runtime environment

Node.js is a cross-platform, open-source JavaScript runtime environment that can run on Windows, Linux, Unix, macOS, and more. Node.js runs on the V8 JavaScript engine, and executes JavaScript code outside a web browser.

AngularJS is a discontinued free and open-source JavaScript-based web framework for developing single-page applications. It was maintained mainly by Google and a community of individuals and corporations. It aimed to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–viewmodel (MVVM) architectures, along with components commonly used in web applications and progressive web applications.

Jelastic is a cloud platform software vendor that provides multi-cloud Platform as a Service-based on container technology for hosting service providers, ISVs, telecommunication companies, enterprises and developers. The platform is available as public cloud in over 70 data centers, as well as virtual and on-premises servers. Jelastic provides support of Java, PHP, Ruby, Node.js, Python, Go environments, custom Docker containers and Kubernetes clusters.

Meteor, or MeteorJS, is a partly proprietary, mostly free and open-source isomorphic JavaScript web framework written using Node.js. Meteor allows for rapid prototyping and produces cross-platform code. The server-side MongoDB program is the only proprietary component of Meteor and is part of the Meteor download bundle. It is possible to use Meteor without using the server-side MongoDB. It uses the Distributed Data Protocol and a publish–subscribe pattern to automatically propagate data changes to clients without requiring the developer to write any synchronization code. On the client, Meteor can be used with any popular front-end JS framework, Vue, React, Svelte, Angular, or Bazel.

<span class="mw-page-title-main">MEAN (solution stack)</span> JavaScript software stack

MEAN is a source-available JavaScript software stack for building dynamic web sites and web applications. A variation known as MERN replaces Angular with React.js front-end, and another named MEVN use Vue.js as front-end.

<span class="mw-page-title-main">SourceLair</span> Online integrated development environment

SourceLair is an online IDE that lets you code in more than 25 programming languages and frameworks, while it integrates with Git, GitHub and Heroku.

<span class="mw-page-title-main">React (JavaScript library)</span> JavaScript library for building user interfaces

React is a free and open-source front-end JavaScript library for building user interfaces based on components. It is maintained by Meta and a community of individual developers and companies.

<span class="mw-page-title-main">Visual Studio Code</span> Source code editor developed by Microsoft

Visual Studio Code, also commonly referred to as VS Code, is a source-code editor developed by Microsoft for Windows, Linux, macOS and web browsers. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded version control with Git. Users can change the theme, keyboard shortcuts, preferences, and install extensions that add functionality.

Codeanywhere is a cross-platform cloud integrated development environment (IDE) created by Codeanywhere, Inc. Codeanywhere enables users to write, edit, collaborate, and run web development projects from a web browser or mobile device.

<span class="mw-page-title-main">Eclipse Che</span> Developer workspace server software

Eclipse Che is an open-source, Java-based developer workspace server and online IDE. It includes a multi-user remote development platform. The workspace server comes with a flexible RESTful webservice. It also contains a SDK for creating plug-ins for languages, frameworks or tools. Eclipse Che is an Eclipse Cloud Development (ECD) top-level project, allowing contributions from the user community.

<span class="mw-page-title-main">Replit</span> Software development environment

Replit, formerly Repl.it, is an American start-up and an online integrated development environment (IDE). Replit allows users to create online programming projects called repls.

Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation.

An online integrated development environment, also known as a web IDE or cloud IDE, is an integrated development environment that can be accessed from a web browser. Online IDEs can be used without downloads or installation, instead operating fully within modern web browsers such as Firefox, Google Chrome or Microsoft Edge. Online IDEs can enable software development on low-powered devices that are normally unsuitable. An online IDE does not usually contain all of the same features as a traditional desktop IDE, only basic IDE features such as a source-code editor with syntax highlighting. Integrated version control and Read–Eval–Print Loop (REPL) may also be included.

Project IDX is an online integrated development environment (IDE) developed by Google. The application's infrastructure runs on Google Cloud and features full IDE features, including a built-in generative artificial intelligence assistant, Nix integrations, and iOS and Android emulators. A number of web and cross-platform frameworks, including Angular, Flutter, Next.js and React are supported. The application is currently only accessible after signing up on a waitlist.

References

  1. 1 2 Simons, Eric (12 June 2018). "StackBlitz — Online IDE for Angular & React powered by Visual Studio Code⚡". StackBlitz Blog. Retrieved 12 May 2024.
  2. MacManus, Richard (11 October 2022). "StackBlitz Launches Codeflow and Announces Figma Investment". The New Stack. Retrieved 11 April 2024.
  3. Dindi, Sandra (12 April 2023). "9 Free Online Code Editors for Web Development". MakeUseOf. Retrieved 11 April 2024.
  4. Lardinois, Frederic (6 April 2022). "Stackblitz raises $7.9M to bring a better IDE to your browser". TechCrunch. Retrieved 11 April 2024.
  5. McDermott, John. "Breaking the Rules: The Young Entrepreneur Who Squatted at AOL". Inc.com.
  6. "Meet the tireless entrepreneur who squatted at AOL". CNET. Retrieved 12 May 2024.
  7. "Teen entrepreneur squatted at AOL for two months undetected ... and built a business". The Sydney Morning Herald. 28 May 2012. Retrieved 12 May 2024.
  8. "Introducing WebContainers: Run Node.js natively in your browser". blog.stackblitz.com. 20 May 2021. Retrieved 12 May 2024.
  9. "Announcing Native Language Support in WebContainers". blog.stackblitz.com. 5 October 2023. Retrieved 12 May 2024.