{"id":28341,"date":"2023-11-18T23:03:00","date_gmt":"2023-11-18T17:33:00","guid":{"rendered":"https:\/\/learnerbits.com\/?p=28341"},"modified":"2023-11-18T23:04:50","modified_gmt":"2023-11-18T17:34:50","slug":"project-idx-google","status":"publish","type":"post","link":"https:\/\/learnerbits.com\/project-idx-google\/","title":{"rendered":"Project IDX  |  Google\u2019s new AI-integrated coding environment ?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Project IDX<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h3>Content<\/h3><nav><ul><li class=\"\"><a href=\"#what-is-project-idx\">What Is Project\u00a0IDX ? <\/a><\/li><li class=\"\"><a href=\"#features\">Features<\/a><ul><\/ul><\/li><li class=\"\"><a href=\"#join-waitlist-for-idx\">Join Waitlist For IDX<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-project-idx\">What Is Project\u00a0IDX ? <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">These days, launching applications means navigating an endless sea of complexity. We felt this pain at Google, so we started Project\u00a0IDX, an experimental new initiative aimed at bringing your entire full-stack, multiplatform app development workflow to the cloud.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Project IDX is a browser-based development experience built on Google Cloud and powered by&nbsp;<a href=\"https:\/\/cloud.google.com\/vertex-ai\/docs\/generative-ai\/code\/code-models-overview\" target=\"_blank\" rel=\"noreferrer noopener\">Codey<\/a>, a foundational AI model trained on code and built on PaLM 2. It\u2019s designed to make it easier to build, manage and deploy full-stack web and multiplatform applications, with popular frameworks and languages. Project IDX is also built on&nbsp;<a href=\"https:\/\/github.com\/microsoft\/vscode\" target=\"_blank\" rel=\"noreferrer noopener\">Code OSS<\/a>, so it should feel familiar no matter what you\u2019re building.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A big part of why we\u2019re sharing Project IDX today is we\u2019d love to hear from the broader developer community on what could help you work even faster. In the meantime, here\u2019s a preview of what\u2019s possible today with Project IDX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also read : <strong><em><a href=\"https:\/\/learnerbits.com\/devops-roadmap-2024\/\" data-type=\"link\" data-id=\"https:\/\/learnerbits.com\/devops-roadmap-2024\/\">DevOps Roadmap\u00a02024 : How to Become a Successful DevOps Engineer!<\/a><\/em><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"features\">Features<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"get-to-work-quickly-wherever-you-are\">Get to work quickly, wherever you are<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Project IDX gets you into your dev workflow in no time, backed by the security and scalability of Google Cloud. Go from opening your browser to developing an application in a matter of seconds, not days, from anywhere and on any machine.  <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"import-your-existing-app-or-start-something-new\">Import your existing app, or start something new<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Project IDX lets you import your existing projects from GitHub so you can pick up right where you left off. You can also create new projects, with pre-baked templates for popular frameworks, including Angular, Flutter, Next.js, React, Svelte, Vue, and languages such as JavaScript, Dart, and (coming soon) Python, Go, and more. We\u2019re also actively working to add first-class support for more project types and frameworks. If you have any suggestions, we\u2019d love your feedback on which stacks to support. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"develop-with-popular-frameworks-and-languages\">Develop with popular frameworks and languages<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Project IDX makes it easier to start building an app that works across multiple platforms using a variety of templates for popular frameworks, such as Angular, Next.js, React, Svelte, and Flutter, with Python and Go support coming soon. You can also import your existing applications from GitHub, with support for most tech stacks. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/learnerbits.com\/wp-content\/uploads\/2023\/11\/Blue-Minimalist-Linktree-Background-1024x683.png\" alt=\"Project IDX\" class=\"wp-image-28343\" style=\"width:661px;height:auto\" title=\"\" srcset=\"https:\/\/learnerbits.com\/wp-content\/uploads\/2023\/11\/Blue-Minimalist-Linktree-Background-1024x683.png 1024w, https:\/\/learnerbits.com\/wp-content\/uploads\/2023\/11\/Blue-Minimalist-Linktree-Background-300x200.png 300w, https:\/\/learnerbits.com\/wp-content\/uploads\/2023\/11\/Blue-Minimalist-Linktree-Background-768x512.png 768w, https:\/\/learnerbits.com\/wp-content\/uploads\/2023\/11\/Blue-Minimalist-Linktree-Background-1536x1024.png 1536w, https:\/\/learnerbits.com\/wp-content\/uploads\/2023\/11\/Blue-Minimalist-Linktree-Background.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"optimize-your-apps-across-platforms\">Optimize your apps across platforms<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Project IDX lets you preview your full-stack, multiplatform apps as your users would see them, with upcoming support for built-in multi-browser web previews, Android emulators, and iOS simulators. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"code-faster-with-generative-ai\">Code faster with generative AI<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Work quickly and efficiently with AI assistance from Google built-in, including code generation, code completion, translating code between programming languages, explaining code, and more, all powered by\u00a0<span style=\"text-decoration: underline\"><strong><a href=\"https:\/\/cloud.google.com\/vertex-ai\/docs\/generative-ai\/code\/code-models-overview\" target=\"_blank\" rel=\"noreferrer noopener\">Codey<\/a>,<\/strong> <\/span>a foundational AI model trained on code and built on PaLM 2. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"publish-to-the-web-with-firebase-hosting\">Publish to the web with Firebase Hosting<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, a common pain point in getting your app into production is deploying it. We\u2019ve made this easier by integrating\u00a0<a href=\"https:\/\/firebase.google.com\/products\/hosting\" target=\"_blank\" rel=\"noreferrer noopener\">Firebase Hosting<\/a>, making it possible to deploy a shareable preview of your web app, or deploy to production with a fast, secure, and global hosting platform, with just a few clicks. And because Firebase Hosting supports dynamic backends, powered by Cloud Functions, this works great for full-stack frameworks like Next.js. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"lets-build-project-idx-together\">Let\u2019s build Project IDX together<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">We shared how we think Project IDX can start to make multiplatform app development better, along with some strides we\u2019ve started making in these areas. But we are just at the beginning of this journey to improve the end-to-end development workflow, and we can only make good on this vision with your help. So with that, we\u2019d like to share an early version of Project IDX with you \u2014 rough edges and all \u2014 to iterate on what\u2019s working well and what could be even better for your app team\u2019s workflow. To join us on our journey,\u00a0<a href=\"https:\/\/idx.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>visit our website<\/strong><\/a>\u00a0to sign up and be one of the first to try Project IDX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As for what\u2019s next, we\u2019re continuously working on adding new capabilities and addressing your feedback. We\u2019re already working on new collaboration features, as we know how important those are in this hybrid work world, as well as deeper framework integrations and more personalized\/contextual AI. Please share your feature requests with us as well! <\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"join-waitlist-for-idx\">Join Waitlist For IDX<\/h3>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/idx.dev\/\" target=\"_blank\" rel=\"noopener\"><strong>Join Now<\/strong><\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Project IDX What Is Project\u00a0IDX ? These days, launching applications means navigating an endless sea of complexity. We felt this pain at Google, so we started Project\u00a0IDX, an experimental new initiative aimed at bringing your entire full-stack, multiplatform app development workflow to the cloud. Project IDX is a browser-based development experience built on Google Cloud [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":28342,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[205],"tags":[247,248,246],"class_list":["post-28341","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-googles-new-web-and-mobile-app-development-ide","tag-googles-project-idx","tag-what-is-projects-idx"],"_links":{"self":[{"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/posts\/28341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/comments?post=28341"}],"version-history":[{"count":2,"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/posts\/28341\/revisions"}],"predecessor-version":[{"id":28345,"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/posts\/28341\/revisions\/28345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/media\/28342"}],"wp:attachment":[{"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/media?parent=28341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/categories?post=28341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learnerbits.com\/wp-json\/wp\/v2\/tags?post=28341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}