diff --git a/.eslintignore b/.eslintignore
index 2f59b98bca..c73074efb3 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,5 +1,6 @@
 **/node_modules/**
 **/dist/**
+**/dist-types/**
 **/storybook-static/**
 **/coverage/**
 **/build/**
diff --git a/.gitignore b/.gitignore
index 9884edf96e..e7d294d55a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -89,6 +89,7 @@ typings/
 # Nuxt.js build / generate output
 .nuxt
 dist
+dist-types
 
 # Gatsby files
 .cache/
diff --git a/packages/cli/config/eslint.backend.js b/packages/cli/config/eslint.backend.js
index 9b9efc7649..113ba55818 100644
--- a/packages/cli/config/eslint.backend.js
+++ b/packages/cli/config/eslint.backend.js
@@ -35,7 +35,7 @@ module.exports = {
     ecmaVersion: 2018,
     sourceType: 'module',
   },
-  ignorePatterns: ['.eslintrc.js', '**/dist/**'],
+  ignorePatterns: ['.eslintrc.js', '**/dist/**', '**/dist-types/**'],
   rules: {
     'no-console': 0, // Permitted in console programs
     'new-cap': ['error', { capIsNew: false }], // Because Express constructs things e.g. like 'const r = express.Router()'
diff --git a/packages/cli/config/eslint.js b/packages/cli/config/eslint.js
index 792cd467d5..3e171d1f82 100644
--- a/packages/cli/config/eslint.js
+++ b/packages/cli/config/eslint.js
@@ -39,7 +39,7 @@ module.exports = {
       version: 'detect',
     },
   },
-  ignorePatterns: ['.eslintrc.js', '**/dist/**'],
+  ignorePatterns: ['.eslintrc.js', '**/dist/**', '**/dist-types/**'],
   rules: {
     'import/newline-after-import': 'error',
     'import/no-duplicates': 'warn',
diff --git a/packages/cli/src/commands/clean/clean.ts b/packages/cli/src/commands/clean/clean.ts
index 2fa3e4a18f..bc2bcd23ac 100644
--- a/packages/cli/src/commands/clean/clean.ts
+++ b/packages/cli/src/commands/clean/clean.ts
@@ -19,5 +19,6 @@ import { paths } from '../../lib/paths';
 
 export default async function clean() {
   await fs.remove(paths.resolveTarget('dist'));
+  await fs.remove(paths.resolveTarget('dist-types'));
   await fs.remove(paths.resolveTarget('coverage'));
 }
diff --git a/packages/cli/src/lib/builder/config.ts b/packages/cli/src/lib/builder/config.ts
index bc689a3eb0..e91fc32633 100644
--- a/packages/cli/src/lib/builder/config.ts
+++ b/packages/cli/src/lib/builder/config.ts
@@ -37,7 +37,7 @@ export const makeConfigs = async (
   options: BuildOptions,
 ): Promise<RollupOptions[]> => {
   const typesInput = paths.resolveTargetRoot(
-    'dist',
+    'dist-types',
     relativePath(paths.targetRoot, paths.targetDir),
     'src/index.d.ts',
   );
diff --git a/packages/create-app/templates/default-app/.gitignore b/packages/create-app/templates/default-app/.gitignore
index 3e786d566e..4f9065c60b 100644
--- a/packages/create-app/templates/default-app/.gitignore
+++ b/packages/create-app/templates/default-app/.gitignore
@@ -22,6 +22,7 @@ node_modules/
 
 # Build output
 dist
+dist-types
 
 # Temporary change files created by Vim
 *.swp
diff --git a/packages/create-app/templates/default-app/tsconfig.json b/packages/create-app/templates/default-app/tsconfig.json
index cccc375f63..b1ec99b986 100644
--- a/packages/create-app/templates/default-app/tsconfig.json
+++ b/packages/create-app/templates/default-app/tsconfig.json
@@ -8,7 +8,7 @@
   ],
   "exclude": ["node_modules"],
   "compilerOptions": {
-    "outDir": "dist",
+    "outDir": "dist-types",
     "rootDir": ".",
     "skipLibCheck": true
   }
diff --git a/tsconfig.json b/tsconfig.json
index 7ea674798c..d6cb6f4c96 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,7 +7,7 @@
     "plugins/*/migrations"
   ],
   "compilerOptions": {
-    "outDir": "dist",
+    "outDir": "dist-types",
     "rootDir": "."
   }
 }