update overview content

necoline · necoline · commit 696703ffed5a · 2024-07-24T11:11:59.000Z
diff --git a/packages/projects-docs/pages/learn/devboxes/overview.mdx b/packages/projects-docs/pages/learn/devboxes/overview.mdx
@@ -14,18 +14,12 @@ We generally recommend using Devboxes, which provide all the tooling needed for
 
 Previously known as Cloud Sandboxes, Devboxes are a great way to work on any type of project, regardless of its language or size. Devboxes run [VMs](/learn/environment/vm) and leverage our memory snapshotting to spin up an environment in 1.5 seconds. They have built-in [Docker support](/learn/environment/docker) and include several valuable features, such as [AI](/learn/ai/overview), collaborative [Terminals](/learn/repositories/terminal), [Tasks](/learn/repositories/task), and [VS Code integration](/learn/getting-started/setting-up-vscode).
 
-<Callout>
-Devboxes are built for scale. Our Free plan includes generous VM specs but you can easily [start a Pro trial](https://codesandbox.io/pro) to improve them.
+<Callout type="info" emoji="ℹ️">
+Devboxes run on VM credits. Check out the [plans page](/learn/plans/subscriptions) to learn how these credits work.
 </Callout>
 
-## Creating a Devbox
-To create a new Devbox, you can clone a template from our ["Create Devbox"](https://codesandbox.io/d) modal. When clicking on a template, we create a fork (a copy) of the template and open the newly created sandbox in our web editor.
-
-## Difference between Devboxes & Sandboxes
-
-<Tabs tabs={["Devbox", "Sandbox"]}>
-<WrapContent> 
 ## What is a Devbox?
+
 Unlike Sandboxes that run on your browser, Devboxes run on our [VMs](/learn/environment/vm).
 
        Devboxes are great for prototyping any type of project in any programming language. They can run both backend and front-end services.
@@ -44,21 +38,7 @@ Unlike Sandboxes that run on your browser, Devboxes run on our [VMs](/learn/envi
        - Full integration with GitHub
 
        To configure a Devbox, you can read more about [tasks](https://codesandbox.io/docs/learn/repositories/task) and [Docker](https://codesandbox.io/docs/learn/environment/docker).
-    </WrapContent>
-<WrapContent>
-    ## What is a Sandbox?
-      When using Sandboxes, your code is evaluated and run in our built-in
-execution environment. These client environments run entirely inside of your browser and will continue to
-bundle your code even when you lose your connection to our servers.
 
-Sandboxes each have their own bundler attached to them which is
-configured to support a specific framework and emulate their official CLI tools.
-They are not one-to-one implementations and thus do not support advanced
-configuration like custom webpack configurations or ejecting. However, they are
-designed to mirror the default behavior of the framework.
-
-If your project requires the use of a terminal or any additional advanced configuration like Docker, you can use a [Devbox](/learn/sandboxes/overview?tab=cloud) instead.
-
-</WrapContent>
+## Creating a Devbox
 
-</Tabs>
+To create a new Devbox, you can clone a template from our ["Create Devbox"](https://codesandbox.io/d) modal. When clicking on a template, we create a fork (a copy) of the template and open the newly created sandbox in our web editor.
diff --git a/packages/projects-docs/pages/learn/guides/_meta.json b/packages/projects-docs/pages/learn/guides/_meta.json
@@ -8,7 +8,7 @@
     "href": "/learn/devboxes/your-first-sandbox"
   },
   "setting-up-vscode": {
-    "title": "Getting started with VS Code",
-    "href": "/learn/editors/vscode/setting-up-vscode"
+    "title": "Getting started with VS Code Desktop",
+    "href": "/learn/editors/desktop-setup"
   }
 }
diff --git a/packages/projects-docs/pages/learn/index.mdx b/packages/projects-docs/pages/learn/index.mdx
@@ -13,71 +13,25 @@ import { Tabs, WrapContent } from '../../../../shared-components/Tabs'
 
 ![](./images/cover-projects.jpg)
 
-CodeSandbox provides instant cloud development environments that keep you in flow.
+CodeSandbox provides instant development environments that get you up and running quickly and keep you in flow.
 
-Our microVM infrastructure makes it easy for you to spin up a development environment in the cloud and start working on it, whether it's a small prototype or a big monolith with multiple services.
+We provide dozens of templates to start from or the option to import your own repository or Sandbox.
 
-To use CodeSandbox for cloud development with a strong GitHub integration, we recommend using [Repositories](/learn/repositories/overview). If you want to prototype an idea or create a demo, we recommend using [Devboxes](/learn/devboxes/overview).
+The code can run on either the browser or in a virutal machine. Projects that run in the browser are called Sandboxes and projects that run on virtual machines (VMs) are called Devboxes.
 
-## Editors
-
-We provide many alternatives for you to code. Each option is built to help you focus on what matters: getting the work done without friction.
-
-<Tabs tabs={["Web Editor", "VS Code", "iOS"]}>
-
-<WrapContent>
-
-## Unified Platform Editor
-
-In November 2023 we launched the latest version of our web editor. Leveraging the power of VSCode, our new editor offers a seamless experience whether you're coding a basic front end demonstration in a [Sandbox](/learn/devboxes/editors?tab=sandbox) or building a full stack prototype in a [Devbox](/learn/devboxes/editors?tab=devbox).
-While there are some feature differences between the two environments. The Editor experience and layout is consistent on CodeSandbox, regardless of your start point. You can also easily convert Sandboxes to Devboxes when you're ready to take any of your projects to the next level. 
-
-## V1 Sandbox Editor
-
-Known and loved for years, our original editor was built for rapid web development using only the power of the browser. All the features from this editor are gradually being added to the Unified Platfrom Editor. However, the browser editor remains available to everyone who still calls it home.
-
-[Learn more](/learn/legacy-sandboxes/overview)
-
-<Callout>
-The V1 Editor only works with Browser Sandboxes. You can opt out of the Unified Platform (Beta) editor in your [Experiments Settings](https://codesandbox.io/dashboard/recent?preferences=experiments)
-</Callout>
-
-</WrapContent>
+## Devboxes
 
-<WrapContent>
-## Easily move between web and VS Code
+Devboxes are powerful and versatile. Offering support for a wide range of language and frameworks. Devboxes are built to scale as your project grows. Learn more about Devboxes and VM runtimes [here](/learn/devboxes/overview)
 
-Any project running in a cloud web editor may also be run in VS Code. Work from your local environment with your own configurations and shortcuts whilst remaining connected to the CodeSandbox development environment.
+To use CodeSandbox for cloud development with a strong GitHub integration, we recommend using [Repositories](/learn/repositories/overview).
 
-**Install the CodeSandbox VS Code extension and open any branch or Devbox directly in your VS Code editor.** 
+## Sandboxes
 
-[Install VS Code Extension](https://marketplace.visualstudio.com/items?itemName=CodeSandbox-io.codesandbox-projects)
+Sandboxes, on the other hand are ideal for prototyping and sharing code snippets.
+When using Sandboxes, your code is evaluated and run in our built-in execution environment. These client environments run entirely inside of your browser and will continue to bundle your code even when you lose your connection to our servers.
 
-## Opening a branch in VS Code
+Sandboxes each have their own bundler attached to them which is configured to support a specific framework and emulate their official CLI tools. They are not one-to-one implementations and thus do not support advanced configuration like custom webpack configurations or ejecting. However, they are designed to mirror the default behavior of the framework.
 
-![Open in vscode button](./images/getting-openvscode.jpg)
-
-To start working on a branch on VS Code, open the branch in the Editor and click on the `Open in VS Code` button positioned in the bottom left corner. This will prompt you to install the CodeSandbox extension responsible for making the connection to our cloud development environment.
-
-### Learn more
-
-To get the most from your local setup, check our [VS Code Extension documentation](/learn/editors/vscode/overview).
-
-</WrapContent>
-
-<WrapContent>
-## Keep working on the iPad or iPhone
-
-![iOS-App](./images/iOS-iPad.jpg)
-
-<Callout emoji="ℹ️">
-The CodeSandbox for iOS app is currently not supported.
-</Callout>
-
-**CodeSandbox for iOS** is a fully native development environment that brings the power of modern software development to your iOS device. Use your iPhone or iPad to develop any kind of application or collaborate in real time with others.
-
-[Go to the App Store](https://apps.apple.com/us/app/codesandbox/id1423330822)
+## Editors
 
-</WrapContent>
-    
-</Tabs>
+Both Sandboxes and Devboxes run on a version of VS Code for the web. You can learn more about the editor [here](/learn/editors/overview)

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`"href": "/learn/devboxes/your-first-sandbox"`
`9`	`9`	`},`
`10`	`10`	`"setting-up-vscode": {`
`11`		`- "title": "Getting started with VS Code",`
`12`		`- "href": "/learn/editors/vscode/setting-up-vscode"`
	`11`	`+ "title": "Getting started with VS Code Desktop",`
	`12`	`+ "href": "/learn/editors/desktop-setup"`
`13`	`13`	`}`
`14`	`14`	`}`