diff --git a/sites/website/src/pages/index.jsx b/sites/website/src/pages/index.jsx
index 0dfaebe8e06..e5dc9f45ce5 100644
--- a/sites/website/src/pages/index.jsx
+++ b/sites/website/src/pages/index.jsx
@@ -72,7 +72,7 @@ export default function () {
                     <h3>Install the package</h3>
                     <CodeBlock>npm install @microsoft/fast-element</CodeBlock>
 
-                    <h3>Create a web component</h3>
+                    <h3>Create a web component in the file `hello-world.ts`</h3>
                     <CodeBlock language="typescript">
                         {`/*
  * import utilities from @microsoft/fast-element
@@ -106,6 +106,20 @@ HelloWorld.define({
                     <CodeBlock language="html">
                         {`<hello-world name="Earth"></hello-world>`}
                     </CodeBlock>
+
+                    <h3>Update your tsconfig.json file to support decorators</h3>
+                    <CodeBlock language="json">
+                      {{
+                        "compilerOptions": {
+                        "experimentalDecorators": true,
+                        "emitDecoratorMetadata": true,
+                        "module": "ESNext",
+                        "moduleResolution": "bundler",
+                        "target": "ES2020",
+                        "useDefineForClassFields": false
+                        }
+                      }}
+                    </CodeBlock>
                 </section>
 
                 <div role="separator" className="section-decoration"></div>