[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation":3,"url-settings":86,"blog-\u002Fblog\u002Fcreate-react-app-alternatives":663,"blog-author-\u002Fblog\u002Fcreate-react-app-alternatives":1195,"i-material-symbols:arrow-back-rounded":1210},{"id":4,"extension":5,"footer":6,"header":73,"meta":83,"stem":84,"__hash__":85},"navigation\u002Fdata\u002Fshared\u002Fnavigation.yml","yml",{"brand":7,"columns":13,"legal":63},{"name":8,"tagline":9,"downloadCta":10},"Pieces","The memory layer for modern work.",{"label":11,"href":12},"All downloads","\u002Fdownloads",[14,26,39,51],{"title":15,"links":16},"Product",[17,20,23],{"label":18,"href":19},"Pieces Desktop","\u002F",{"label":21,"href":22},"Pieces Enterprise","\u002Fenterprise",{"label":24,"href":25},"Pieces MCP","\u002Fmcp",{"title":27,"links":28},"Resources",[29,33,36],{"label":30,"href":31,"external":32},"Documentation","url:docs.home",true,{"label":34,"href":35},"Blog","\u002Fblog",{"label":37,"href":38,"external":32},"GitHub","url:github.org",{"title":40,"links":41},"Community",[42,45,48],{"label":43,"href":44,"external":32},"Discord","url:social.discord",{"label":46,"href":47,"external":32},"X \u002F Twitter","url:social.x",{"label":49,"href":50,"external":32},"LinkedIn","url:social.linkedin",{"title":52,"links":53},"Company",[54,57,60],{"label":55,"href":56},"About","\u002Fabout",{"label":58,"href":59},"Updates","\u002Fupdates",{"label":61,"href":62},"Contact","\u002Fcontact",[64,67,70],{"label":65,"href":66},"Privacy Policy","\u002Flegal\u002Fprivacy",{"label":68,"href":69},"Refund Policy","\u002Flegal\u002Frefund",{"label":71,"href":72},"Terms of Service","\u002Flegal\u002Fterms",{"links":74,"signIn":75,"contact":78,"cta":80},[],{"label":76,"href":77},"Sign in","url:portal.home",{"label":79,"href":62},"Get in touch",{"label":81,"href":82},"Download","url:routes.downloads",{},"data\u002Fshared\u002Fnavigation","VdirGIa8cUm6xLprbBeTKcw914JfyJjWfF-9hSVOX5Y",{"id":87,"extension":5,"links":88,"meta":660,"stem":661,"__hash__":662},"urlSettings\u002Fdata\u002Fshared\u002Furls.yml",[89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181,185,189,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,295,299,303,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434,438,442,446,450,453,457,461,465,469,473,477,480,483,486,489,493,497,500,504,508,512,516,520,524,528,532,536,540,544,548,551,555,559,563,567,571,574,577,580,584,587,591,595,599,603,606,610,614,617,620,623,627,631,635,638,641,644,648,652,656],{"key":90,"label":91,"href":92},"downloads.desktop","Desktop download page","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fdownload",{"key":94,"label":95,"href":96},"downloads.macOS.dmgArm64","macOS DMG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fdmg-arm64\u002Fdownload",{"key":98,"label":99,"href":100},"downloads.macOS.dmgIntel","macOS DMG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fdmg\u002Fdownload",{"key":102,"label":103,"href":104},"downloads.macOS.pkg","macOS PKG","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg\u002Fdownload",{"key":106,"label":107,"href":108},"downloads.macOS.universal","Desktop macOS Universal","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fmacos-universal\u002Fdownload",{"key":110,"label":111,"href":112},"downloads.macOS.pkgArm64","Desktop macOS PKG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pfd-arm64\u002Fdownload",{"key":114,"label":115,"href":116},"downloads.macOS.pkgIntel","Desktop macOS PKG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pfd\u002Fdownload",{"key":118,"label":119,"href":120},"downloads.windows.appinstaller","Windows App Installer","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fappinstaller\u002Fpieces_for_x.appinstaller",{"key":122,"label":123,"href":124},"downloads.windows.exe","Windows EXE","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fwindows-exe\u002Fdownload",{"key":126,"label":127,"href":128},"downloads.windows.msix","Windows MSIX","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fwindows-msix\u002Fdownload",{"key":130,"label":131,"href":132},"downloads.windows.suiteManager","Windows Suite Manager","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_suite_windows\u002Fappinstaller\u002Fdownload",{"key":134,"label":135,"href":136},"downloads.linux.flatpakRepo","Linux Flatpak repository","https:\u002F\u002Fbuilds.pieces.app\u002Fpieces-flatpak-repo\u002Fpieces-flatpak.flatpakrepo",{"key":138,"label":139,"href":140},"downloads.linux.snapDesktop","Linux Snap Desktop","https:\u002F\u002Fsnapcraft.io\u002Fpieces-for-developers",{"key":142,"label":143,"href":144},"downloads.linux.snapPiecesOS","Linux Snap PiecesOS","https:\u002F\u002Fsnapcraft.io\u002Fpieces-os",{"key":146,"label":147,"href":148},"downloads.linux.snap","Desktop Linux Snap package","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fsnap\u002Fdownload",{"key":150,"label":151,"href":152},"downloads.piecesOS.macOS.dmgArm64","PiecesOS macOS DMG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fdmg-arm64\u002Fdownload",{"key":154,"label":155,"href":156},"downloads.piecesOS.macOS.dmgIntel","PiecesOS macOS DMG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fdmg\u002Fdownload",{"key":158,"label":159,"href":160},"downloads.piecesOS.macOS.universal","PiecesOS macOS Universal","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fmacos-universal\u002Fdownload",{"key":162,"label":163,"href":164},"downloads.piecesOS.macOS.pkgArm64","PiecesOS macOS PKG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pos-launch-only-arm64\u002Fdownload",{"key":166,"label":167,"href":168},"downloads.piecesOS.macOS.pkgIntel","PiecesOS macOS PKG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pos-launch-only\u002Fdownload",{"key":170,"label":171,"href":172},"downloads.piecesOS.windows.appinstaller","PiecesOS Windows App Installer","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fappinstaller\u002Fos_server.appinstaller",{"key":174,"label":175,"href":176},"downloads.piecesOS.windows.exe","PiecesOS Windows EXE","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fwindows-exe\u002Fdownload",{"key":178,"label":179,"href":180},"downloads.piecesOS.windows.msix","PiecesOS Windows MSIX","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fwindows-msix\u002Fdownload",{"key":182,"label":183,"href":184},"downloads.piecesOS.linux.snap","PiecesOS Linux Snap package","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fsnap\u002Fdownload",{"key":186,"label":187,"href":188},"downloads.combined.macOS.appleSilicon","Combined macOS installer Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-arm64\u002Fdownload",{"key":190,"label":191,"href":104},"downloads.combined.macOS.intel","Combined macOS installer Intel",{"key":193,"label":194,"href":195},"downloads.guides.macOS","macOS installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Fmacos-installation-guide",{"key":197,"label":198,"href":199},"downloads.guides.windows","Windows installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Fwindows-installation-guide",{"key":201,"label":202,"href":203},"downloads.guides.linux","Linux installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Flinux-installation-guide",{"key":205,"label":206,"href":207},"downloads.guides.piecesOS","PiecesOS manual installation","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Fmanual-installation",{"key":209,"label":210,"href":211},"extensions.chrome","Chrome extension","https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fpieces-save-code-snippets\u002Figbgibhbfonhmjlechmeefimncpekepm",{"key":213,"label":214,"href":215},"extensions.firefox","Firefox add-on","https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Fpieces-save-code-from-the-web\u002F",{"key":217,"label":218,"href":219},"extensions.edge","Edge add-on","https:\u002F\u002Fmicrosoftedge.microsoft.com\u002Faddons\u002Fdetail\u002Fpieces-save-code-snippet\u002Fhglfimcdgonaeeobjckfdabcldfidmim",{"key":221,"label":222,"href":223},"extensions.vscode","VS Code extension","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=MeshIntelligentTechnologiesInc.pieces-vscode",{"key":225,"label":226,"href":227},"extensions.visualStudio","Visual Studio extension","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=MeshIntelligentTechnologiesInc.PiecesVisualStudio",{"key":229,"label":230,"href":231},"extensions.jetbrains","JetBrains plugin","https:\u002F\u002Fplugins.jetbrains.com\u002Fplugin\u002F17328-pieces--save-search-share--reuse-code-snippets",{"key":233,"label":234,"href":235},"extensions.obsidian","Obsidian plugin","https:\u002F\u002Fobsidian.md\u002Fplugins?id=pieces-for-developers",{"key":237,"label":238,"href":239},"extensions.sublime","Sublime package","https:\u002F\u002Fpackagecontrol.io\u002Fpackages\u002FPieces",{"key":241,"label":242,"href":243},"extensions.neovim","Neovim plugin","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_neo_vim",{"key":245,"label":246,"href":247},"extensions.jupyterlab","JupyterLab plugin","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fjupyterlab-pieces",{"key":249,"label":250,"href":251},"extensions.cli","Pieces CLI","https:\u002F\u002Fpypi.org\u002Fproject\u002Fpieces-cli\u002F",{"key":253,"label":254,"href":255},"docs.home","Documentation home","https:\u002F\u002Fdocs.pieces.app",{"key":257,"label":258,"href":259},"docs.getStarted","Get started docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces",{"key":261,"label":262,"href":263},"docs.api","API docs","https:\u002F\u002Fdocs.pieces.app\u002Fapi",{"key":265,"label":266,"href":267},"docs.desktop.overview","Desktop overview","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop",{"key":269,"label":270,"href":271},"docs.desktop.onboarding","Desktop onboarding","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fonboarding",{"key":273,"label":274,"href":275},"docs.desktop.timeline","Desktop timeline docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Ftimeline",{"key":277,"label":278,"href":279},"docs.desktop.summaries","Desktop summaries docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fsingle-click-summaries",{"key":281,"label":282,"href":283},"docs.desktop.search","Desktop conversational search docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fconversational-search",{"key":285,"label":286,"href":287},"docs.desktop.drive","Desktop drive docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fdrive",{"key":289,"label":290,"href":291},"docs.desktop.account","Desktop account settings docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fconfiguration\u002Faccount",{"key":293,"label":294,"href":92},"docs.desktop.download","Desktop download docs",{"key":296,"label":297,"href":298},"docs.piecesOS.overview","PiecesOS overview docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies",{"key":300,"label":301,"href":302},"docs.piecesOS.details","PiecesOS details docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os",{"key":304,"label":305,"href":207},"docs.piecesOS.install","PiecesOS install docs",{"key":307,"label":308,"href":309},"docs.piecesOS.quickMenu","PiecesOS quick menu docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Fquick-menu",{"key":311,"label":312,"href":313},"docs.piecesOS.storage","On-device storage docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fon-device-storage",{"key":315,"label":316,"href":317},"docs.piecesOS.troubleshooting","PiecesOS troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Ftroubleshooting",{"key":319,"label":320,"href":321},"docs.mcp.overview","MCP overview docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp",{"key":323,"label":324,"href":325},"docs.mcp.cursor","MCP Cursor docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcursor",{"key":327,"label":328,"href":329},"docs.mcp.vscode","MCP VS Code docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fvs-code",{"key":331,"label":332,"href":333},"docs.mcp.claudeDesktop","MCP Claude Desktop docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-desktop",{"key":335,"label":336,"href":337},"docs.mcp.claudeCode","MCP Claude Code docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-code",{"key":339,"label":340,"href":341},"docs.mcp.claudeCowork","MCP Claude Cowork docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-cowork",{"key":343,"label":344,"href":345},"docs.mcp.githubCopilot","MCP GitHub Copilot docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgithub-copilot",{"key":347,"label":348,"href":349},"docs.mcp.goose","MCP Goose docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgoose",{"key":351,"label":352,"href":353},"docs.mcp.windsurf","MCP Windsurf docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fwindsurf",{"key":355,"label":356,"href":357},"docs.mcp.zed","MCP Zed docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fzed",{"key":359,"label":360,"href":361},"docs.mcp.jetbrains","MCP JetBrains docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fjetbrains-ides",{"key":363,"label":364,"href":365},"docs.mcp.continueDev","MCP Continue docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcontinue-dev",{"key":367,"label":368,"href":369},"docs.mcp.cline","MCP Cline docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcline",{"key":371,"label":372,"href":373},"docs.mcp.raycast","MCP Raycast docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fraycast",{"key":375,"label":376,"href":377},"docs.mcp.rovoDevCli","MCP Rovo Dev CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Frovo-dev-cli",{"key":379,"label":380,"href":381},"docs.mcp.openaiCodexCli","MCP OpenAI Codex CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fopenai-codex-cli",{"key":383,"label":384,"href":385},"docs.mcp.googleGeminiCli","MCP Google Gemini CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgoogle-gemini-cli",{"key":387,"label":388,"href":389},"docs.mcp.amazonQ","MCP Amazon Q docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Famazon-q-developer",{"key":391,"label":392,"href":393},"docs.mcp.chatgptDev","MCP ChatGPT Developer Mode docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fchatgpt-developer-mode",{"key":395,"label":396,"href":397},"docs.mcp.openclaw","MCP OpenClaw docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fopenclaw",{"key":399,"label":400,"href":401},"docs.mcp.mcpRemote","MCP Remote docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fmcp-remote",{"key":403,"label":404,"href":405},"docs.mcp.ngrok","MCP ngrok docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fngrok-setup",{"key":407,"label":408,"href":409},"docs.troubleshooting.macOS","macOS troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Fmacos",{"key":411,"label":412,"href":413},"docs.troubleshooting.windows","Windows troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Fwindows",{"key":415,"label":416,"href":417},"docs.troubleshooting.linux","Linux troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Flinux",{"key":419,"label":420,"href":421},"docs.privacy","Privacy and security docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fprivacy-security-your-data",{"key":423,"label":424,"href":425},"docs.support","Support docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fsupport",{"key":427,"label":428,"href":429},"portal.home","Pieces portal","https:\u002F\u002Fportal.pieces.app",{"key":431,"label":432,"href":433},"site.home","Website home","https:\u002F\u002Fpieces.app",{"key":435,"label":436,"href":437},"site.about","About page","https:\u002F\u002Fpieces.app\u002Fabout",{"key":439,"label":440,"href":441},"site.features","Features page","https:\u002F\u002Fpieces.app\u002Ffeatures",{"key":443,"label":444,"href":445},"site.plugins","Plugins page","https:\u002F\u002Fpieces.app\u002Fplugins",{"key":447,"label":448,"href":449},"site.contact","Contact page","https:\u002F\u002Fpieces.app\u002Fcontact",{"key":451,"label":58,"href":452},"site.updates","https:\u002F\u002Fpieces.app\u002Fupdates",{"key":454,"label":455,"href":456},"site.news","News","https:\u002F\u002Fpieces.app\u002Fnews",{"key":458,"label":459,"href":460},"site.events","Community events","https:\u002F\u002Fpieces.app\u002Fcommunity\u002Fevents",{"key":462,"label":463,"href":464},"site.userStories","User stories","https:\u002F\u002Fpieces.app\u002Fuser-stories",{"key":466,"label":467,"href":468},"site.academy","Academy","https:\u002F\u002Fpieces.app\u002Flearn\u002Facademy",{"key":470,"label":471,"href":472},"site.support","Website support","https:\u002F\u002Fpieces.app\u002Fsupport",{"key":474,"label":475,"href":476},"site.standup","Standup","https:\u002F\u002Fpieces.app\u002Fstandup",{"key":478,"label":34,"href":479},"site.blog","https:\u002F\u002Fcode.pieces.app\u002Fblog",{"key":481,"label":43,"href":482},"social.discord","https:\u002F\u002Fdiscord.gg\u002Fgetpieces",{"key":484,"label":46,"href":485},"social.x","https:\u002F\u002Fx.com\u002Fgetpieces",{"key":487,"label":488,"href":485},"social.twitter","Twitter",{"key":490,"label":491,"href":492},"social.instagram","Instagram","https:\u002F\u002Fwww.instagram.com\u002Fgetpieces\u002F",{"key":494,"label":495,"href":496},"social.tiktok","TikTok","https:\u002F\u002Fwww.tiktok.com\u002F@getpieces",{"key":498,"label":49,"href":499},"social.linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fgetpieces\u002F",{"key":501,"label":502,"href":503},"social.youtube","YouTube","https:\u002F\u002Fyoutube.com\u002F@getpieces",{"key":505,"label":506,"href":507},"github.org","GitHub organization","https:\u002F\u002Fgithub.com\u002Fpieces-app",{"key":509,"label":510,"href":511},"github.support","GitHub support","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport",{"key":513,"label":514,"href":515},"github.issues","GitHub issues","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport\u002Fissues",{"key":517,"label":518,"href":519},"github.discussions","GitHub discussions","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport\u002Fdiscussions",{"key":521,"label":522,"href":523},"github.documentation","GitHub documentation","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fdocumentation",{"key":525,"label":526,"href":527},"github.opensource","GitHub open source","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fopensource",{"key":529,"label":530,"href":531},"github.sdks.python","Python SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-python",{"key":533,"label":534,"href":535},"github.sdks.typescript","TypeScript SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-typescript",{"key":537,"label":538,"href":539},"github.sdks.dart","Dart SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-dart",{"key":541,"label":542,"href":543},"github.sdks.kotlin","Kotlin SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-kotlin",{"key":545,"label":546,"href":547},"github.plugins.obsidian","Obsidian plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fobsidian-pieces",{"key":549,"label":550,"href":247},"github.plugins.jupyterlab","JupyterLab plugin repository",{"key":552,"label":553,"href":554},"github.plugins.sublime","Sublime plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_sublime",{"key":556,"label":557,"href":558},"github.plugins.neovim","Neovim plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_neovim",{"key":560,"label":561,"href":562},"github.cliAgent","CLI agent repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fcli-agent",{"key":564,"label":565,"href":566},"github.mcpDart","MCP Dart repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fmcp_dart",{"key":568,"label":569,"href":570},"github.awesomePieces","Awesome Pieces repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fawesome-pieces",{"key":572,"label":573,"href":66},"legal.privacyPolicy","Privacy policy",{"key":575,"label":576,"href":69},"legal.refundPolicy","Refund policy",{"key":578,"label":579,"href":72},"legal.terms","Terms",{"key":581,"label":582,"href":583},"legal.security","Legal security","https:\u002F\u002Fpieces.app\u002Flegal\u002Fsecurity",{"key":585,"label":586,"href":503},"videos.youtubeChannel","YouTube channel",{"key":588,"label":589,"href":590},"videos.gettingStartedDesktop","Getting started desktop video","https:\u002F\u002Fyoutu.be\u002FdUr1lRM_TYk",{"key":592,"label":593,"href":594},"videos.snippetDiscoveryxR","Snippet discovery video","https:\u002F\u002Fyoutu.be\u002FG6vb1USw-30",{"key":596,"label":597,"href":598},"sales.bookACall","Book a sales call","https:\u002F\u002Fcalendar.app.google\u002FWVUDtUfNy5Vst3sH7",{"key":600,"label":601,"href":602},"sales.enterprise","Enterprise form","https:\u002F\u002Fgetpieces.typeform.com\u002Fto\u002FaVQFTvpE",{"key":604,"label":605,"href":519},"sales.feedback","Feedback discussions",{"key":607,"label":608,"href":609},"sales.earlyAccess","Early access form","https:\u002F\u002Fgetpieces.typeform.com\u002Fearlyaccess",{"key":611,"label":612,"href":613},"sales.supportEmail","Support email","mailto:support@pieces.app",{"key":615,"label":616,"href":19},"routes.home","Home route",{"key":618,"label":619,"href":56},"routes.about","About route",{"key":621,"label":622,"href":12},"routes.downloads","Downloads route",{"key":624,"label":625,"href":626},"routes.thanks","Post-install thanks route","\u002Finstall\u002Fthanks",{"key":628,"label":629,"href":630},"routes.pricing","Pricing route","\u002Fpricing",{"key":632,"label":633,"href":634},"cta.freeTrial","Start free trial CTA (Pieces Pro) — used by \u002Fcampaigns\u002F* landing pages","https:\u002F\u002Fcampaigns.pieces.app\u002F",{"key":636,"label":637,"href":22},"routes.enterprise","Enterprise route",{"key":639,"label":640,"href":62},"routes.contact","Contact route",{"key":642,"label":643,"href":59},"routes.updates","Updates route",{"key":645,"label":646,"href":647},"routes.migrationError","Migration error route","\u002Fmigration\u002Ferror",{"key":649,"label":650,"href":651},"routes.authenticated","Post-login authenticated route","\u002Fauth\u002Fsigned-in",{"key":653,"label":654,"href":655},"routes.signed-out","Signed out route","\u002Fauth\u002Fsigned-out",{"key":657,"label":658,"href":659},"routes.authentication-error","Authentication error route","\u002Fauth\u002Ferror",{},"data\u002Fshared\u002Furls","NLkVE1lIUws518K-1QsSB6T-GvlXYIzcRL1HDhqarGQ",{"id":664,"title":665,"author":666,"authorPhoto":667,"authorPhotoAlt":668,"authorSlug":669,"body":670,"buttonText":1182,"buttonUrl":1182,"category":1183,"date":1184,"description":1185,"draft":1186,"editorsPick":1186,"extension":1187,"featured":1186,"image":1188,"imageAlt":1189,"meta":1190,"navigation":32,"ogImage":1182,"ogImageAlt":1182,"path":1191,"seo":1192,"stem":1193,"tags":1182,"__hash__":1194},"blog\u002Fblog\u002Fcreate-react-app-alternatives.md","Best 4 Alternatives to Create React App","Ejiro Thankgod","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fflutter-vs-react-native\u002Fauthor.png","Ejiro Thankgod.","ejiro-thankgod",{"type":671,"value":672,"toc":1156},"minimark",[673,685,690,699,705,710,713,724,731,738,744,751,755,760,776,780,785,788,792,801,804,807,813,816,822,828,832,835,847,850,858,862,870,873,876,882,885,891,894,899,902,908,912,915,926,929,940,944,952,955,958,964,967,973,984,990,993,999,1010,1016,1020,1023,1040,1043,1057,1061,1070,1073,1076,1082,1090,1096,1099,1105,1108,1114,1118,1121,1135,1138,1149,1153],[674,675,676,677,681,682,684],"p",{},"React is a JavaScript framework that aims to simplify the building of graphical user interfaces. After being developed at Facebook, React was released to the public in 2013. React is now the engine behind several of the most well-known applications, including Instagram, Facebook and countless others. The recommended method to begin developing a new single-page application in React is with ",[678,679,680],"strong",{},"Create React App",", which provides a we​​lcoming learning environment for the technology, but in this article, we’ll look at alternatives to ",[678,683,680],{}," and explore their strengths and weaknesses.",[686,687,689],"h2",{"id":688},"what-is-create-react-app","What is Create React App?",[674,691,692,698],{},[693,694,680],"a",{"href":695,"rel":696},"https:\u002F\u002Fcreate-react-app.dev\u002Fdocs\u002Fgetting-started",[697],"nofollow"," (CRA), the official script recommended by the React team, is the best option for launching React applications. The official documentation website states the following:",[674,700,701],{},[702,703,704],"em",{},"Create React App is an officially supported platform for creating single-page React applications. It offers a modern build setup with no configuration.",[706,707,709],"h3",{"id":708},"get-started","Get Started",[674,711,712],{},"Run the following command to create a new app using create-react-app in npm:",[714,715,720],"pre",{"className":716,"code":718,"language":719},[717],"language-text","$ npx create-react-app my-app\n","text",[721,722,718],"code",{"__ignoreMap":723},"",[674,725,726,727,730],{},"This command creates a React app project inside the folder called ",[721,728,729],{},"my-app",".",[674,732,733,734,737],{},"With the ",[721,735,736],{},"npm"," command below, we'll launch a server and start developing our app.",[714,739,742],{"className":740,"code":741,"language":719},[717],"$ npm start\n",[721,743,741],{"__ignoreMap":723},[674,745,746],{},[747,748],"img",{"alt":749,"src":750},"A successful use of create React app.","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fcreate-react-app-alternatives\u002Fimg-001.png",[706,752,754],{"id":753},"pros-and-cons-of-create-react-app","Pros and Cons of Create React App",[756,757,759],"h4",{"id":758},"pros","Pros",[761,762,763,767,770,773],"ul",{},[764,765,766],"li",{},"It’s the React team’s official recommendation for bootstrapping React apps.",[764,768,769],{},"It covers all fundamental functionality without additional dependencies.",[764,771,772],{},"It includes a thorough documentation website.",[764,774,775],{},"Create React App provides developer-friendly setup options.",[756,777,779],{"id":778},"cons","Cons",[761,781,782],{},[764,783,784],{},"It is difficult to add custom build configurations.",[686,786,665],{"id":787},"best-4-alternatives-to-create-react-app",[686,789,791],{"id":790},"_1-create-next-app","1) Create Next App",[674,793,794,795,800],{},"A wonderful alternative to create React app, ",[693,796,799],{"href":797,"rel":798},"https:\u002F\u002Fnextjs.org\u002Fdocs\u002Fapi-reference\u002Fcreate-next-app",[697],"Create Next App"," is ideal for getting started if the demand is a little more sophisticated, such as with server-side rendering or static site creation. It’s a respectable way to bootstrap a generic SPA with client-side rendering. It is a straightforward CLI tool for starting Next.js applications.",[706,802,709],{"id":803},"get-started-1",[674,805,806],{},"We only need to execute the following command to produce the boilerplate:",[714,808,811],{"className":809,"code":810,"language":719},[717],"$ npx create-next-app@latest next-app\n",[721,812,810],{"__ignoreMap":723},[674,814,815],{},"To start a dev server, we run:",[714,817,820],{"className":818,"code":819,"language":719},[717],"$ cd next-app$ npm run dev\n",[721,821,819],{"__ignoreMap":723},[674,823,824],{},[747,825],{"alt":826,"src":827},"Successful use of create next app.","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fcreate-react-app-alternatives\u002Fimg-002.png",[706,829,831],{"id":830},"pros-and-cons-of-create-next-app","Pros and Cons of Create Next App",[756,833,759],{"id":834},"pros-1",[761,836,837,840],{},[764,838,839],{},"It provides support for a quick refresh and fetch right out-of-the-box.",[764,841,842,843,846],{},"It allows server-side rendering through the ",[721,844,845],{},"getServerSideProps()"," method.",[756,848,779],{"id":849},"cons-1",[761,851,852,855],{},[764,853,854],{},"There is no optimization for programs that demand continuous data retrieval.",[764,856,857],{},"There is a learning curve related to SSR features.",[686,859,861],{"id":860},"_2-react-boilerplate","2) React Boilerplate",[674,863,864,869],{},[693,865,868],{"href":866,"rel":867},"https:\u002F\u002Fwww.reactboilerplate.com\u002F",[697],"React Boilerplate"," is a fantastic Create React App alternative for setting up a project. On its main page, React Boilerplate touts its accessibility through its app even with no network connection and positions itself as the future of fast web apps.",[706,871,709],{"id":872},"get-started-2",[674,874,875],{},"React Boilerplate’s method to set up a new code repository is slightly different, even though the fundamental idea on which the library is constructed is the same as that of others. To begin, we must clone the setup repository:",[714,877,880],{"className":878,"code":879,"language":719},[717],"$ git clone https:\u002F\u002Fgithub.com\u002Freact-boilerplate\u002Freact-boilerplate.git my-react-boilerplate\n",[721,881,879],{"__ignoreMap":723},[674,883,884],{},"Run this setup script when entering the cloned repository:",[714,886,889],{"className":887,"code":888,"language":719},[717],"$ cd my-react-boilerplate$ npm run setup\n",[721,890,888],{"__ignoreMap":723},[674,892,893],{},"Then comes the start script, which starts the development server:",[714,895,897],{"className":896,"code":741,"language":719},[717],[721,898,741],{"__ignoreMap":723},[674,900,901],{},"This brings up the default homepage:",[674,903,904],{},[747,905],{"alt":906,"src":907},"Successful use of React Boilerplate, a strong alternative to Create React App.","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fcreate-react-app-alternatives\u002Fimg-003.png",[706,909,911],{"id":910},"pros-and-cons-of-react-boilerplate","Pros and Cons of React Boilerplate",[756,913,759],{"id":914},"pros-2",[761,916,917,920,923],{},[764,918,919],{},"Development is easier with support for contemporary JavaScript features like dynamic imports.",[764,921,922],{},"It offers support for CSS modules and files directly and SCSS using node-sass.",[764,924,925],{},"It has code splitting support with dynamic imports and React Router-based routing support.",[756,927,779],{"id":928},"cons-2",[761,930,931,934,937],{},[764,932,933],{},"It’s outdated; the repository's most recent commit was in April 2019.",[764,935,936],{},"It is strongly opinionated.",[764,938,939],{},"It has an extremely large package library.",[686,941,943],{"id":942},"_3-vite","3) Vite",[674,945,946,951],{},[693,947,950],{"href":948,"rel":949},"https:\u002F\u002Fvitejs.dev\u002Fguide\u002F",[697],"Vite"," is a relatively new contender in the front end framework tools arena. With the addition of templates that support Vue, React and Preact, Vite is a universal solution to bootstrap applications from a variety of tech stacks and one of the strongest alternatives to Create React App.",[706,953,709],{"id":954},"get-started-3",[674,956,957],{},"To generate the boilerplate, we just need to run the following command:",[714,959,962],{"className":960,"code":961,"language":719},[717],"$ npm create vite@latest\n",[721,963,961],{"__ignoreMap":723},[674,965,966],{},"After providing your “Project name,” you’ll be prompted to select a framework:",[674,968,969],{},[747,970],{"alt":971,"src":972},"Selecting a framework in Vite.","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fcreate-react-app-alternatives\u002Fimg-004.png",[674,974,975,976,979,980,983],{},"When you choose the React option, a new React project will be created in the directory. We must enter the directory and install the ",[721,977,978],{},"vite"," package as a ",[721,981,982],{},"dev"," dependency after the repository has been configured:",[714,985,988],{"className":986,"code":987,"language":719},[717],"$ cd react-vite$ npm install\n",[721,989,987],{"__ignoreMap":723},[674,991,992],{},"Then, execute the following dev script:",[714,994,997],{"className":995,"code":996,"language":719},[717],"$ npm run dev\n",[721,998,996],{"__ignoreMap":723},[674,1000,1001,1002,1005,1006,1009],{},"This brings up the default UI at ",[721,1003,1004],{},"127.0.0.1:5173"," or ",[721,1007,1008],{},"localhost:3000"," depending on your Node.js\u002FVite version.",[674,1011,1012],{},[747,1013],{"alt":1014,"src":1015},"A successful project setup with Vite. ","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fcreate-react-app-alternatives\u002Fimg-005.png",[706,1017,1019],{"id":1018},"pros-and-cons-of-vite","Pros and Cons of Vite",[756,1021,759],{"id":1022},"pros-3",[761,1024,1025,1028,1031,1034,1037],{},[764,1026,1027],{},"Its primary emphasis is on the developer experience (DX).",[764,1029,1030],{},"It offers support for React and Typescript.",[764,1032,1033],{},"Vite enables automatic build optimization.",[764,1035,1036],{},"It offers support for preprocessors and CSS import with CSS modules.",[764,1038,1039],{},"It offers support for Wasm and web workers.",[756,1041,779],{"id":1042},"cons-3",[761,1044,1045,1048,1051,1054],{},[764,1046,1047],{},"The building process is based on cutting-edge technologies, so it could be challenging to modify as needed.",[764,1049,1050],{},"Importing SVG files as React Components is impossible without plugins.",[764,1052,1053],{},"It is mandatory to “Import React” into every JSX file.",[764,1055,1056],{},"It supports only JSX files for React.",[686,1058,1060],{"id":1059},"_4-react-starter-kit","4) React Starter Kit",[674,1062,1063,1064,1069],{},"Let's look at ",[693,1065,1068],{"href":1066,"rel":1067},"https:\u002F\u002Ffirebase.reactstarter.com\u002F",[697],"React Starter Kit",", which bills itself as an isomorphic web project boilerplate and one of the strongest Create React App alternatives. Additionally, the React Starter Kit is described as, “very opinionated” on its webpage; this is because it has already chosen our tech stack for us, which consists of Node.js, Express and GraphQL.",[706,1071,709],{"id":1072},"get-started-4",[674,1074,1075],{},"We’ll clone the most recent repository in order to serve as the starting point for the boilerplate:",[714,1077,1080],{"className":1078,"code":1079,"language":719},[717],"$ git clone https:\u002F\u002Fgithub.com\u002Fkriasoft\u002Freact-firebase-starter.git example\n",[721,1081,1079],{"__ignoreMap":723},[674,1083,1084,1089],{},[693,1085,1088],{"href":1086,"rel":1087},"https:\u002F\u002Fpieces.app\u002Fblog\u002Fnpm-vs-yarn-how-do-they-compare",[697],"Install the dependencies with yarn"," by first moving them into the newly created folder:",[714,1091,1094],{"className":1092,"code":1093,"language":719},[717],"$ cd example$ yarn install\n",[721,1095,1093],{"__ignoreMap":723},[674,1097,1098],{},"Also, launch the development server as follows:",[714,1100,1103],{"className":1101,"code":1102,"language":719},[717],"$ yarn start\n",[721,1104,1102],{"__ignoreMap":723},[674,1106,1107],{},"That gives us the simple boilerplate homepage we have here:",[674,1109,1110],{},[747,1111],{"alt":1112,"src":1113},"Successful project setup with React Starter Kit.","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fcreate-react-app-alternatives\u002Fimg-006.png",[706,1115,1117],{"id":1116},"pros-and-cons-of-react-starter-kit","Pros and Cons of React Starter Kit",[756,1119,759],{"id":1120},"pros-4",[761,1122,1123,1126,1129,1132],{},[764,1124,1125],{},"It’s an isomorphic boilerplate that considers the server (Node.js) activities that need to be carried out, such as with SSR.",[764,1127,1128],{},"React Starter Kit offers support for GraphQL through Apollo.",[764,1130,1131],{},"It provides recipes for implementing typical use cases.",[764,1133,1134],{},"It enables Enzyme's React testing and Flow's static type checking.",[756,1136,779],{"id":1137},"cons-4",[761,1139,1140,1143,1146],{},[764,1141,1142],{},"It has a large number of dependencies.",[764,1144,1145],{},"Its package size is extremely large.",[764,1147,1148],{},"It is very opinionated.",[686,1150,1152],{"id":1151},"conclusion-what-are-the-best-alternatives-to-create-react-app","Conclusion: What are the best Alternatives to Create React App?",[674,1154,1155],{},"As we can see, each Create React App alternative has a unique set of advantages and disadvantages. As a result, a variety of decisions need to be made depending on the use case, the developer and the desired outcome. So, while every alternative discussed in this article will work, it’s up to you to determine the best one for your project.",{"title":723,"searchDepth":1157,"depth":1157,"links":1158},2,[1159,1164,1165,1169,1173,1177,1181],{"id":688,"depth":1157,"text":689,"children":1160},[1161,1163],{"id":708,"depth":1162,"text":709},3,{"id":753,"depth":1162,"text":754},{"id":787,"depth":1157,"text":665},{"id":790,"depth":1157,"text":791,"children":1166},[1167,1168],{"id":803,"depth":1162,"text":709},{"id":830,"depth":1162,"text":831},{"id":860,"depth":1157,"text":861,"children":1170},[1171,1172],{"id":872,"depth":1162,"text":709},{"id":910,"depth":1162,"text":911},{"id":942,"depth":1157,"text":943,"children":1174},[1175,1176],{"id":954,"depth":1162,"text":709},{"id":1018,"depth":1162,"text":1019},{"id":1059,"depth":1157,"text":1060,"children":1178},[1179,1180],{"id":1072,"depth":1162,"text":709},{"id":1116,"depth":1162,"text":1117},{"id":1151,"depth":1157,"text":1152},null,"Software Development","2022-10-13T00:00:00.000Z","What are the best alternatives to Create React App? While the recommended method to begin a single-page app always works, sometimes we need alternatives.",false,"md","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fcreate-react-app-alternatives\u002Fhero.jpeg","A person typing on a laptop.",{},"\u002Fblog\u002Fcreate-react-app-alternatives",{"title":665,"description":1185},"blog\u002Fcreate-react-app-alternatives","lvcpYnNewaCTeyw9t4X9TVz6Oj0wJXofHLvyP7uZrM8",{"id":1196,"title":666,"body":1197,"description":1201,"draft":1186,"extension":1187,"meta":1204,"navigation":32,"path":1205,"photo":1206,"photoAlt":1182,"seo":1207,"stem":1208,"__hash__":1209},"authors\u002Fauthors\u002Fejiro-thankgod.md",{"type":671,"value":1198,"toc":1202},[1199],[674,1200,1201],{},"A talented frontend developer passionate about crafting intuitive and visually engaging user interfaces. With expertise in modern web technologies and a keen eye for design. He focuses on delivering seamless user experiences. Driven by a commitment to clean code and responsive design, they continuously explore innovative solutions to bring ideas to life on the web.",{"title":723,"searchDepth":1157,"depth":1157,"links":1203},[],{},"\u002Fauthors\u002Fejiro-thankgod","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fauthors\u002Fejiro-thankgod.jpg",{"title":666,"description":1201},"authors\u002Fejiro-thankgod","1IQvD6PQ9nKIuXoVn4W1HI31bUaqw9azxrnlNXLW20Q",{"left":1211,"top":1211,"width":1212,"height":1212,"rotate":1211,"vFlip":1186,"hFlip":1186,"body":1213},0,24,"\u003Cpath fill=\"currentColor\" d=\"m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z\"\u002F>"]