[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10865":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":15,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":21,"defaultBranch":22,"hasWiki":20,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":34,"discoverSource":35},10865,"web.dev","GoogleChrome\u002Fweb.dev","GoogleChrome","The frontend, backend, and content source code for web.dev","https:\u002F\u002Fweb.dev",null,"Nunjucks",3612,1546,13,1,0,2,31.57,"Other",true,false,"main",[24,25,26,27,28,29,30],"css","html","javascript","mobile-web","progressive-web-app","web","web-app","2026-06-12 02:02:27","# web.dev [Archived]\n\n**Note:** This site is migrated to a new platform and this repository is available in a read-only mode. **We will not be merging new pull requests**. Please raise content issues in the new [issue tracker](https:\u002F\u002Fissuetracker.google.com\u002Fissues\u002Fnew?component=1400680&pli=1&template=1857359).\n\nweb.dev is the ultimate resource for developers of all backgrounds to learn,\ncreate, and solve on the web. It's meant to not only educate developers, but\nhelp them apply what they've learned to any site they work on, be it personal or\nbusiness.\n\n-----\n# [Archived README]\n\n## Building the site 🏗\n\nYou'll need a recent version of [Node](https:\u002F\u002Fnodejs.org\u002F): v14 (LTS) or higher.\nTo check your node version run `node -v` in your terminal.\n\nIf you don't have node, or if you need to upgrade, we recommend using the [Node\nVersion Manager (nvm)](https:\u002F\u002Fgithub.com\u002Fnvm-sh\u002Fnvm).\n\n### Clone the repo\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Fweb.dev.git\n```\n\n### Change directory into the folder created\n\n```bash\ncd web.dev\n```\n\n### Install dependencies\n\n```bash\nnpm ci\n```\n\n### Start a local server to preview the site\n\n```bash\nnpm run dev\n```\n\nOpen `http:\u002F\u002Flocalhost:8080\u002F` to see the site locally. Changes to assets will\nrebuild the site. Refresh to see your changes.\n\n### Set up build flags\n\nBuilding the entire site can take a while because it's around one thousand pages.\nIf you want to _massively_ speed up your build times, we suggest setting some\nbuild flags to ignore certain sections.\n\n- Create a `.env` file at the root of your project\n- Add the following:\n\n```text\n# Ignore ALL site content\nELEVENTY_IGNORE=true\n\n# Only build the directories you're working on.\n# Note, this is a JSON string so you must use double quotes.\nELEVENTY_INCLUDE=[\"blog\", \"vitals\"]\n```\n\n## Environments 🌳\n\nSet `ELEVENTY_ENV=prod` to force production builds. This is the default when\nrunning \"stage\" or \"deploy\". No other options for `ELEVENTY_ENV` are supported,\nalthough our Eleventy site config will default to 'dev' if unspecified.\n\nThe production build currently requires a _lot_ of memory, to the point where\n`node` might exit with errors along the line of\n\n```sh\nFATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory\n\nv8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [node]\n```\n\nThe exact amount of heap space required varies from computer to computer and version\nof `node`. If you need a local production build, but run out of memory, you can\nincrease the heap size by adding `--node-options '--max_old_space_size=8192'` (to\n[assign 8gb of heap space](https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F48387040\u002Fhow-do-i-determine-the-correct-max-old-space-size-for-node-js\u002F48392705#48392705))\nto the [`npm` command](https:\u002F\u002Fdocs.npmjs.com\u002Fcli\u002Fv8\u002Fusing-npm\u002Fconfig#node-options),\nprior to `run`. For instance:\n\n```sh\nELEVENTY_ENV=prod npm --node-options '--max_old_space_size=8192' run build\n```\n\n## Staging 🕺\n\nWhen you send in a pull request it will be automatically staged for you. Keep an\neye out for the netlify bot to comment on the pull request with your unique URL.\n\n## Deploying the site 🚀\n\n### Automatic deploys\n\nThe site will build and deploy the main branch automatically every hour,\nMon-Fri. If you've just merged an article then it should go live at the top\nof the next hour.\n\n### Manual deploys\n\nTo manually deploy the site you'll need to be a member of one of these Google teams:\n\n- web.dev-eng\n- web.dev-owners\n\n1. Navigate to [the Cloud Build Triggers page](https:\u002F\u002Fconsole.cloud.google.com\u002Fcloud-build\u002Ftriggers?project=web-dev-production-1).\n2. Click the **RUN** button for the trigger named **Deploy**.\n3. In the side drawer that opens up, click the **RUN TRIGGER** button for the trigger for the **main** branch.\n\n*NOTE: web.dev auto deploys every hour if there is a new commit in the `main` branch. Manual deploys should only occur when a build fails or if auto deploys are disabled.*\n\n## Debugging 🐛\n\nIf you need to debug the site's build process:\n\n1. Add a `debugger` statement to `.eleventy.js`\n1. Run `npm run debug:eleventy`\n1. Go to `about:\u002F\u002Finspect` to attach to the running process.\n\n\u003Cimg\n  width=\"295\"\n  alt=\"The Chrome inspect page showing the inspect button\"\n  src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F1066253\u002F61085691-bf125a00-a3e5-11e9-9151-58bd8a50d404.png\">\n","web.dev 是一个面向所有背景开发者的综合性资源网站，旨在提供学习、创建和解决Web相关问题的知识。该项目使用Nunjucks模板引擎构建，并结合了HTML、CSS、JavaScript等前端技术，支持渐进式Web应用（PWA）的开发与优化。特别适合于希望提升自己在网页设计、移动Web以及PWA领域技能的开发者们。尽管项目已迁移至新平台且当前仓库仅用于存档，不再接受新的贡献请求，但它仍然是一个宝贵的学习资源库。","2026-06-11 03:30:32","top_topic"]