Skip to content

Commit 17ca4ac

Browse files
authored
Update template text
1 parent 5a6b351 commit 17ca4ac

File tree

1 file changed

+26
-43
lines changed

1 file changed

+26
-43
lines changed
Lines changed: 26 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,29 @@
11
---
22
title: Templates
33
authors: ['Saeris']
4-
description: CodeSandbox allows you to create custom templates from sandboxes
4+
description: Use templates to kickstart new projects with no setup.
55
---
66

77
## What are Templates?
88

9-
Templates are sandboxes that are easily accessible from your dashboard and the
10-
"Create New Sandbox" modal. They are great starting points for new projects.
11-
CodeSandbox has a number of official templates, such as React, Vue, Gatsby and
12-
others which you can use to quickly bootstrap a new project.
9+
Templates are project starting points. They're already setup with the configuration, file structure, and dependencies installed, so you don't have to spend time doing this each time you begin working on something new. Templates are easily accessible from your dashboard and the "Create New Sandbox" modal.
1310

14-
Users can also create their own custom templates, whereby they can modify an
15-
existing template with their own dependencies, files and folder structure, and
16-
configuration. Once a custom template has been created, the user can then start
17-
new projects from the "Create New Sandbox" modal using one of their templates.
11+
CodeSandbox has a number of official templates, such as React, Vue, Angular, Gatsby, and
12+
others that you can use to quickly start a new project.
13+
14+
You can also create your own custom templates. Turn any sandbox into a template that's customized for your particular use-case and preferences. Once a custom template has been created, you can then start
15+
new projects from the "Create New Sandbox" modal using one of your templates. Custom templates can also be added to teams, so team members can make use of them.
1816

1917
## How to make a custom template
2018

21-
There are a few ways to make a template, but the primary way to do so is from
22-
within the "Project Info" panel inside the editor. When viewing one of your
23-
sandboxes, you'll see a button at the bottom of the "Project Info" panel that
24-
says `Make Template`. Clicking on this will convert the sandbox to a template,
25-
which will freeze it and make it available inside of the "Create New Sandbox"
19+
There are a few ways to make a template, but the main way is from
20+
within the "Sandbox Info" panel inside the editor. When viewing one of your
21+
sandboxes, you'll see a button at the bottom of the "Sandbox Info" panel that
22+
says `Save as template`. Clicking this will convert the sandbox to a template,
23+
which will freeze it and make it available from the "Create New Sandbox"
2624
modal.
2725

28-
![Make Template from Sandbox](./images/templates/1.gif)
26+
![Make Template from Sandbox](./images/templates/1.png)
2927

3028
Optionally, from the dashboard, you can either drag and drop a sandbox from
3129
"Overview" or one of your folders under "My Sandboxes" to the new "My Templates"
@@ -38,49 +36,34 @@ folder. There is also an option within the sandbox options menu to
3836

3937
## Using Templates
4038

41-
After you've made your first template, there's a few places from which you can
39+
After you've made your first custom template, there's a few places from which you can
4240
access and use them. First, inside of the "Create New Sandbox" modal, you will
43-
see a horizontal list of your templates inside of the `Overview` tab, and all of
44-
your templates will appear under the `My Templates` tab. Clicking on one of
45-
these will open the template inside the editor, where you will be prompted to
46-
fork the sandbox as soon as you attempt to save changes.
47-
48-
![Sandbox Modal](./images/templates/4.gif)
41+
see a list of your templates under `My Templates`. Clicking on one of
42+
these will fork the template and open it in the editor.
4943

50-
You can also find all of your templates under the `My Templates` folder within
51-
the Dashboard. Just as with the "Create New Sandbox" modal, clicking on any of
52-
the templates shown inside this folder will open a new sandbox.
44+
![Sandbox Modal](./images/templates/4.png)
5345

54-
![Opening Template from dashboard](./images/templates/5.gif)
46+
You can also find all of your templates under the `Templates` folder within
47+
the Dashboard. Clicking on any of the templates shown inside this folder will open it in the editor.
5548

5649
## Editing Templates
5750

58-
Templates are frozen upon creation, preventing users from accidentally making
59-
changes to the template when they mean to use a template to create a new sandbox
60-
instead. In order to make changes to a template, simply unfreeze if from the
61-
"Project Info" panel. Any time you try to make a change to a frozen template, a
62-
modal will prompt you whether or not you would like to fork the template or
63-
unfreeze it for the current session.
51+
Templates are frozen upon creation, preventing you from accidentally making
52+
changes to it. In order to make changes to a template, unfreeze it from the
53+
"Sandbox Info" panel. Any time you try to make a change to a frozen template, a
54+
modal will prompt you to fork the template or unfreeze it for the current session.
6455

65-
![Fork Sandbox Modal](./images/templates/6.gif)
66-
![unfreeze](./images/templates/7.gif)
67-
68-
Any changes you make to an unfrozen Template are saved immediately. There is no
69-
need to explicitly freeze an unfrozen template, as it will automatically be
70-
frozen again upon navigating away from the editor or the current sandbox session
71-
ends.
56+
Any changes you make to an unfrozen Template are saved immediately. You don't need to freeze it again as it is automatically frozen again when you navigate away from the editor or finish the current sandbox session.
7257

7358
## Deleting Templates
7459

75-
There are a few ways in which you can "delete" a template. From the "Project
60+
There are a few ways in which you can "delete" a template. From the "Sandbox
7661
Info" panel inside the editor, there is a `Delete Template` button at the bottom
7762
when viewing an existing template. Clicking this will convert the template back
7863
to a regular sandbox, removing it from the "Create New Sandbox" modal and moving
7964
back to the "Overview" and "My Sandboxes" folders inside the dashboard.
8065

81-
![Delete template from sandbox](./images/templates/8.gif)
82-
8366
Alternatively, you can use a template's options menu inside the "My Templates"
8467
folder to select `Convert to Sandbox`.
8568

86-
![Delete template from dashboard](./images/templates/9.gif)
69+
![Delete template from dashboard](./images/templates/6.png)

0 commit comments

Comments
 (0)