(self.webpackChunktypescriptlang_org=self.webpackChunktypescriptlang_org||[]).push([[690],{7541:function(e,t,l){"use strict";l.d(t,{h:function(){return i}});var r=l(2784),a=l(876),o=l(357),n=l(315),c=l(653),s=l(8447),i=function(e){var t=(0,a.Z)(),l=((0,o.D)(t),(0,s.withPrefix)(c.Lz)),i=void 0;c.hN&&(i=c.ih),c.Pg&&(i=c.ZM);var b=(0,n.i)(e.lang);return r.createElement("div",{className:"main-content-block"},r.createElement("h2",{style:{textAlign:"center"}},e.title),r.createElement("div",{className:"columns"},r.createElement("div",{className:"item raised"},r.createElement("h4",null,"Get Started"),r.createElement("ul",null,r.createElement("li",null,r.createElement(b,{to:"/docs/bootstrap"},"Bootstrap a TS project")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/typescript-in-5-minutes.html"},"JS to TS")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/typescript-from-scratch.html"},"New to Programming")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/typescript-in-5-minutes-oop.html"},"OOP to JS")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/typescript-in-5-minutes-func.html"},"Functional to JS")),r.createElement("li",null,r.createElement(b,{to:"/download"},"Installation")))),r.createElement("div",{className:"item raised"},r.createElement("h4",null,"Handbook"),r.createElement("ul",null,r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/basic-types.html"},"Basic Types")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/advanced-types.html"},"Advanced Types")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/interfaces.html"},"Interfaces")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/variable-declarations.html"},"Variable Declarations")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/functions.html"},"Functions")))),r.createElement("div",{className:"item raised"},r.createElement("h4",null,"Tools"),r.createElement("ul",null,r.createElement("li",null,r.createElement(b,{to:"/play/"},"Playground")),r.createElement("li",null,r.createElement(b,{to:"/tsconfig/"},"TSConfig Reference"))),r.createElement("h4",{style:{marginTop:"28px"}},"Release Notes"),r.createElement("ul",null,i?r.createElement("li",null,r.createElement("a",{href:i},"What's upcoming in ",c.pJ.SC,"?")):null,r.createElement("li",null,r.createElement(b,{to:l},"What's new in ",c.pJ.FA)))),r.createElement("div",{className:"item raised"},r.createElement("h4",null,"Tutorials"),r.createElement("ul",null,r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/asp-net-core.html"},"ASP.NET")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/migrating-from-javascript.html"},"Migrating from JS")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/dom-manipulation.html"},"Working with the DOM")),r.createElement("li",null,r.createElement(b,{to:"/docs/handbook/react-&-webpack.html"},"React & Webpack"))))))}},4302:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return h}});var r=l(2784),a=l(7480),o=l(8447),n=function(e){var t=e.href.startsWith("http")?e.href:(0,o.withPrefix)(e.href),l=["clicky-grey-button"];return e.headline&&l.push("headline"),e.first&&l.push("first"),e.last&&l.push("last"),e.customClass&&l.push(e.customClass),r.createElement("a",{key:e.title,href:t,className:l.join(" ")},r.createElement("p",null,e.blurb),r.createElement("div",null,e.title))},c=function(e){return r.createElement("div",{className:"flow-links"},e.buttons.map((function(t){return r.createElement(n,Object.assign({},t,{headline:e.headline,key:t.href}))})))},s=l(4345),i=l(357),b=l(876),u=l(7541),p=l(653),m=function(e){var t=(0,i.D)((0,b.Z)());return r.createElement(a.A,{title:t("doc_bootstrap_title"),description:t("doc_bootstrap_description"),lang:e.pageContext.lang},r.createElement("div",{className:"raised main-content-block"},r.createElement("h1",null,t("doc_start_a_project")),r.createElement("p",null,t("doc_start_a_project_desc")),r.createElement("h2",null,t("doc_node_npm")),r.createElement(c,{buttons:[{href:"https://tsup.egoist.sh",blurb:t("doc_node_npm_tsup_blurb"),title:"tsup"},{href:"https://oclif.io",blurb:t("doc_node_npm_oclif_blurb"),title:"oclif"},{href:"https://github.com/infinitered/gluegun#readme",blurb:t("doc_node_npm_gluegun_blurb"),title:"Gluegun"}]}),r.createElement("h2",null,t("doc_frameworks")),r.createElement(c,{buttons:[{href:"https://angular.io",blurb:t("doc_frameworks_angular_blurb"),title:"Angular"},{href:"https://ember-cli-typescript.com",blurb:t("doc_frameworks_ember_blurb"),title:"Ember"},{href:"https://reactjs.org",badge:"Examples below",blurb:t("doc_frameworks_react_blurb"),title:"React"},{href:"https://vuejs.org",blurb:t("doc_frameworks_vue_blurb"),title:"Vue"},{href:"https://github.com/rails/webpacker/blob/master/docs/typescript.md",badge:"Plugin",blurb:t("doc_frameworks_ror_blurb"),title:"Ruby on Rails"},{href:"https://www.typescriptlang.org/docs/handbook/asp-net-core.html",badge:"Guide",blurb:t("doc_frameworks_asp_blurb"),title:"ASP.NET Core"}]}),r.createElement("h2",null,t("doc_apis")),r.createElement(c,{buttons:[{href:"https://code.visualstudio.com/tutorials/functions-extension/getting-started",blurb:t("doc_apis_azure_blurb"),title:"Azure Functions"},{href:"https://feathersjs.com",blurb:t("doc_apis_feather_blurb"),title:"Feathers JS"},{href:"https://github.com/graphql-boilerplates/typescript-graphql-server",blurb:t("doc_apis_graphql_blurb"),title:"GraphQL"},{href:"https://nestjs.com",blurb:t("doc_apis_nest_blurb"),title:"Nest JS"},{href:"https://github.com/Microsoft/TypeScript-Node-Starter",blurb:t("doc_apis_node_blurb"),title:"Node Reference"},{href:"https://loopback.io",blurb:t("doc_apis_loopback_blurb"),title:"LoopBack"},{href:"https://www.fastify.io/",blurb:t("doc_apis_fastify_blurb"),title:"Fastify"},{href:"https://foalts.org/",blurb:t("doc_apis_foal_blurb"),title:"Foal TS"}]}),r.createElement("h2",null,t("doc_react")),r.createElement(c,{buttons:[{href:"https://create-react-app.dev",blurb:t("doc_react_create_blurb"),title:"Create React App"},{href:"https://www.gatsbyjs.org",badge:"Plugin",blurb:t("doc_react_gatsby_blurb"),title:"Gatsby"},{href:"https://nextjs.org",blurb:t("doc_react_next_blurb"),title:"Next.js"},{href:"https://github.com/jaredpalmer/razzle",blurb:t("doc_react_razzle_blurb"),title:"Razzle"},{href:"https://redwoodjs.com",blurb:t("doc_react_redwood_blurb"),title:"RedwoodJS"},{href:"https://reactjs.org/docs/create-a-new-react-app.html#recommended-toolchains",blurb:t("doc_react_toolchains_blurb"),title:t("doc_react_toolchains_title")}]}),r.createElement("h2",null,t("doc_apps")),r.createElement(c,{buttons:[{href:"https://www.electronjs.org/",badge:"Plugin",blurb:t("doc_apps_electron_blurb"),title:"Electron"},{href:"https://expo.io/",blurb:t("doc_apps_expo_blurb"),title:"Expo"},{href:"https://facebook.github.io/react-native/",blurb:t("doc_apps_react_native_blurb"),title:"React Native"},{href:"https://www.nativescript.org/",blurb:t("doc_apps_native_script_blurb"),title:"NativeScript"},{href:"https://www.microsoft.com/en-us/makecode/",blurb:t("doc_apps_make_code_blurb"),title:"MakeCode"}]}),r.createElement("h2",null,t("doc_tooling")),r.createElement(c,{buttons:[{href:"https://vitejs.dev",blurb:t("doc_tooling_vite_blurb"),title:"Vite"},{href:"https://parceljs.org",blurb:t("doc_tooling_parcel_blurb"),title:"Parcel"},{href:"https://webpack.js.org/guides/typescript/",badge:"Plugin",blurb:t("doc_tooling_webpack_blurb"),title:"Webpack"}]}),r.createElement("h1",null,t("doc_learn")),r.createElement(c,{buttons:[{href:p.Lz,blurb:t("doc_learn_3_5_release_notes_title"),title:t("doc_learn_3_5_release_notes_title")},{href:"/docs/handbook/basic-types.html",blurb:t("doc_headline_handbook_blurb"),title:t("doc_headline_handbook_title")},{href:"/play/",blurb:t("doc_learn_playground_blurb"),title:t("play_subnav_title")},{href:"/cheatsheets/",blurb:t("doc_learn_cheatsheets_blurb"),title:t("doc_cheatsheets_subnav_title")}]})),r.createElement(u.h,{title:t("doc_headline"),lang:e.pageContext.lang}))},h=function(e){return r.createElement(s.R,{locale:e.pageContext.lang},r.createElement(m,e))}},653:function(e){"use strict";e.exports=JSON.parse('{"pJ":{"FA":"4.7","SC":"4.7","ZL":"4.7"},"Pg":false,"hN":false,"Lz":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7/","ih":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/","ZM":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-rc/","vs":{"V":{"Y":"https://marketplace.visualstudio.com/items?itemName=TypeScriptTeam.typescript-474"}}}')}}]);
//# sourceMappingURL=component---src-templates-pages-docs-bootstrap-tsx-361ae3da55ad887cd4c3.js.map