\u003Cbr /> \u003Cimg width=\"502\" alt=\"Screen Shot 2022-03-25 at 2 57 18 PM\" src=\"https://user-images.githubusercontent.com/734428/160080618-1320d0f9-5674-4133-9a57-9fd7f6e77ce2.png\"> | **3m** \u003Cbr />\u003Cbr /> \u003Cimg width=\"498\" alt=\"Screen Shot 2022-03-25 at 2 54 50 PM\" src=\"https://user-images.githubusercontent.com/734428/160080718-4f3fad38-71e5-4793-a839-797a0f87b65e.png\">\r\nInstall Deps in Actions | [1m 25s](https://github.com/kodadot/nft-gallery/runs/5676422402?check_suite_focus=true#step:4:35) | [**28s**](https://github.com/kodadot/nft-gallery/runs/5687650302?check_suite_focus=true#step:6:467)\r\n\r\n\r\nimpressive time savings.\r\nCurious if you would be keen to write an article on how we've migrated from yarn to pnpm? \r\nSome people might find it interesting as we are still early! \r\nThis morning found friends deciding between npm and yarn 😅.\r\n\r\nWe are usually publishing at https://medium.com/kodadot :)\r\n\r\nIssue is reserved for @preschian \r\n\r\n_Originally posted by @yangwao in https://github.com/kodadot/nft-gallery/issues/2643#issuecomment-1078864547_\r\n\r\n### Ref \r\n- https://medium.com/pnpm/why-should-we-use-pnpm-75ca4bfe7d93#:~:text=pnpm%20is%20not%20only%20faster,them%20from%20the%20global%20store.\r\n- https://rushjs.io/pages/maintainer/package_managers/\r\n- https://blog.logrocket.com/javascript-package-managers-compared/\r\n- [What does make pnpm special?](https://twitter.com/moo9000/status/1507297097070043184)\r\n- PNPM is the only option that solves the [NPM doppelgangers](https://rushjs.io/pages/advanced/npm_doppelgangers/) problem. In a complex monorepo, doppelgangers sometimes cause a lot of trouble, so PNPM has an important advantage in this regard.\r\n- we can push KodaDot logo to https://pnpm.io/users",[1984,1987,1990],{"name":1985,"color":1986},"$$","0E8A16",{"name":1988,"color":1989},"p3","D4C5F9",{"name":1991,"color":1992},"A-writing-✍️","FBCA04",2671,"kodadot","nft-gallery","open","How we've migrated from yarn to pnpm","2023-05-18T11:23:54Z","https://github.com/kodadot/nft-gallery/issues/2671",0.781335,{"description":2002,"labels":2003,"number":2010,"owner":1994,"repository":1995,"state":1996,"title":2011,"updated_at":2012,"url":2013,"score":2014},"This issue should track leftovers from:\r\n- kodadot/nft-gallery#1619 \r\n\r\nI've spent some time going through the issues mentioned there and two things are clear:\r\n1. We are going into different direction with style\r\n2. Many of the issues are not getting touched by anybody anymore\r\n\r\nAnyways, let's track what was left from the previous iteration here, perhaps we'll come back to it later.\r\n\r\nMy goal is to remove the redundant issues, some things were implemented and there are still issues open for them. We're currently at 620 open issues and maybe the top 100 gets recycled (we're solving mainly the new ones -> I'll produce table for this soon)\r\n\r\n## Leftovers\r\n\r\n**Personal account zone: My Profile**\r\n\r\n- [ ] kodadot/ideas#15 \r\n- [x] kodadot/nft-gallery#1432 \r\n- [x] kodadot/nft-gallery#1526 \r\n- [x] kodadot/nft-gallery#1516\r\n- [ ] kodadot/grants#19 \r\n\r\n**Landing**\r\n\r\n- [x] kodadot/nft-gallery#90 \r\n- [ ] kodadot/ideas#7 \r\n- [x] kodadot/nft-gallery#1489 \r\n- [x] kodadot/nft-gallery#1445 \r\n- [x] kodadot/nft-gallery#1564 \r\n\r\n**Gallery+Search Engine**\r\n\r\n- [ ] kodadot/nft-gallery#348 \r\n- [x] kodadot/nft-gallery#859 \r\n- [ ] kodadot/ideas#8\r\n- [x] kodadot/nft-gallery#903 \r\n- [x] kodadot/nft-gallery#285\r\n- [x] kodadot/nft-gallery#1023 \r\n- [x] kodadot/nft-gallery#1088 \r\n- [ ] kodadot/ideas#22 \r\n- [x] kodadot/nft-gallery#1526 \r\n- [x] kodadot/nft-gallery#1174 \r\n- [x] kodadot/nft-gallery#991 \r\n\r\n**Create(Minting)**\r\n\r\n- [x] kodadot/nft-gallery#378 \r\n- [x] kodadot/nft-gallery#460\r\n- [x] kodadot/nft-gallery#419 \r\n- [x] kodadot/nft-gallery#614 \r\n- [ ] kodadot/ideas#12 \r\n- [x] kodadot/nft-gallery#847 \r\n- [x] kodadot/nft-gallery#614 \r\n- [ ] kodadot/ideas#15 \r\n- [x] kodadot/nft-gallery#991 \r\n- [x] kodadot/nft-gallery#1005 \r\n- [x] kodadot/nft-gallery#1094 \r\n- [x] kodadot/nft-gallery#1330 \r\n- [x] kodadot/nft-gallery#1406 \r\n- [x] kodadot/nft-gallery#1526 \r\n- [x] kodadot/nft-gallery#991 \r\n\r\n**NFT + Collection view(I need to separate these accordingly as issues are bundled together at the moment)**\r\n\r\n- [x] kodadot/nft-gallery#2746\r\n- [x] kodadot/nft-gallery#219 \r\n- [x] kodadot/nft-gallery#357\r\n- [x] kodadot/nft-gallery#901 \r\n- [x] kodadot/nft-gallery#1330 \r\n- [x] kodadot/nft-gallery#910 \r\n- [ ] kodadot/ideas#19 \r\n- [ ] kodadot/ideas#21 \r\n- [x] kodadot/nft-gallery#1606 \r\n- [x] kodadot/nft-gallery#936 \r\n- [x] kodadot/nft-gallery#1252 \r\n- [x] kodadot/nft-gallery#14 \r\n- [x] kodadot/nft-gallery#1010 \r\n- [ ] kodadot/ideas#22 \r\n- [x] kodadot/nft-gallery#1174 \r\n- [x] kodadot/nft-gallery#878 \r\n- [x] kodadot/nft-gallery#1323 \r\n- [x] kodadot/nft-gallery#1423 \r\n- [x] kodadot/nft-gallery#1012 \r\n- [x] kodadot/nft-gallery#1483 \r\n- [ ] kodadot/ideas#7 \r\n- [x] kodadot/nft-gallery#1122 \r\n- [x] kodadot/nft-gallery#991 \r\n- [ ] kodadot/ideas#40 \r\n- [ ] kodadot/nft-gallery#348 \r\n\r\n**Help: FAQ+Tutorials**\r\n\r\n- [x] kodadot/nft-gallery#847 \r\n- [x] kodadot/nft-gallery#614 \r\n- [x] kodadot/nft-gallery#725 \r\n- [x] kodadot/nft-gallery#915 ",[2004,2007],{"name":2005,"color":2006},"chief","67EA1F",{"name":2008,"color":2009},"redesign","227120",3956,"Redesign: Leftovers from pre-Neobrutalism","2024-07-31T15:07:12Z","https://github.com/kodadot/nft-gallery/issues/3956",0.7910212,{"description":2016,"labels":2017,"number":2025,"owner":1994,"repository":1995,"state":2026,"title":2027,"updated_at":2028,"url":2029,"score":2030},"I've noticed that sometimes builds now last like for 7-10m, on average 7minutes +\r\nOn average we've been somewhere between 4-5m. \r\n\r\nbefore\r\n\u003Cimg width=\"1190\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/172619410-6c49c078-24fa-40fb-9670-e4d801ee60f6.png\">\r\n\r\nnow\r\n\u003Cimg width=\"1179\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/172622256-496624d3-11db-4a0f-bae7-3c5201f1c224.png\">\r\n\r\n\u003Cimg width=\"1137\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/172622319-6f6293e8-7fca-4e1e-b2b0-f3af506c8b11.png\">\r\n\r\n\r\n",[2018,2020,2022],{"name":2019,"color":1986},"$",{"name":2021,"color":1989},"p4",{"name":2023,"color":2024},"performance","922478",3123,"closed","Seems build times take a while on beta ","2023-10-11T11:07:28Z","https://github.com/kodadot/nft-gallery/issues/3123",0.72246605,{"description":2032,"labels":2033,"number":2040,"owner":1994,"repository":1995,"state":2026,"title":2041,"updated_at":2042,"url":2043,"score":2044},"Kindly reminder for us we've passed our free plan and time to evolve and get a paid plan.\r\nMeanwhile, good hints are how to optimize our bundle as it takes quite a lot to process.\r\nhttps://answers.netlify.com/t/support-guide-how-can-i-optimize-my-netlify-build-time/3907",[2034,2037,2038],{"name":2035,"color":2036},"good first issue","5319e7",{"name":2019,"color":1986},{"name":2039,"color":1989},"p5",279,"Optimize builds - Over build minutes on Netlify","2022-04-08T09:45:29Z","https://github.com/kodadot/nft-gallery/issues/279",0.735562,{"description":2046,"labels":2047,"number":2053,"owner":1994,"repository":1995,"state":2026,"title":2054,"updated_at":2055,"url":2056,"score":2057},"I guess switching to pnpm from yarn it seems from cached they do amazing work but on the first time they take quite a long time to build\r\n\r\nNow\r\n> Build time: 6m 3s. Total deploy time: 6m 7s\r\nhttps://app.netlify.com/sites/koda-nuxt/deploys/62403dedcfa58900095b76d1\r\n\r\nBefore\r\n> Build time: 4m 5s. Total deploy time: 4m 9s\r\nhttps://app.netlify.com/sites/koda-nuxt/deploys/6239dbdd27c5220009cec772\r\n\r\nthis is quite scary lol \r\n> 3:34:06 PM: Finished processing build request in 10m39.002735083s\r\n\r\n### Ref\r\n- #2692 ",[2048,2049,2050],{"name":2019,"color":1986},{"name":1988,"color":1989},{"name":2051,"color":2052},"🧙♀️ - bug-hunt","DC2653",2696,"pnpm builds taking on first time quite long ","2023-03-01T19:12:53Z","https://github.com/kodadot/nft-gallery/issues/2696",0.73584574,{"description":2059,"labels":2060,"number":2065,"owner":1994,"repository":1995,"state":2026,"title":2066,"updated_at":2067,"url":2068,"score":2069},"To me looks like a Netlify outage?\r\n\r\n`Deploy did not succeed: Deploy directory 'dist' does not exist`\r\n\r\nFirst failed build seems on `main` at 11:44am\r\n\r\nMy bet is at \r\n\r\nhttps://github.com/kodadot/nft-gallery/pull/2815/files#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519R27\r\n\r\n### Ref\r\n- https://github.com/kodadot/nft-gallery/pull/2812\r\n- https://github.com/kodadot/nft-gallery/pull/2825\r\n- #2718 \r\n\r\nhttps://app.netlify.com/teams/yangwao/builds/625549e849e59900089b0d26\r\n\r\n\r\n\r\nhttps://app.netlify.com/sites/koda-nuxt/deploys/62554a7806c0270008e7f412\r\n\r\n\r\n\r\n",[2061,2064],{"name":2062,"color":2063},"p1","D93F0B",{"name":2051,"color":2052},2826,"Builds are broken ","2022-04-12T11:39:00Z","https://github.com/kodadot/nft-gallery/issues/2826",0.74156314,{"description":2071,"labels":2072,"number":2077,"owner":1994,"repository":1995,"state":2026,"title":2078,"updated_at":2079,"url":2080,"score":2081},"currently we are at about 11min on ` Lint, Build & Test workflow`",[2073,2075],{"name":2074,"color":1989},"p2",{"name":2076,"color":1992},"A-tests",3841,"E2E - Cypress parallelization","2022-10-28T12:06:54Z","https://github.com/kodadot/nft-gallery/issues/3841",0.7578596,{"description":2083,"labels":2084,"number":2088,"owner":1994,"repository":1995,"state":2026,"title":2089,"updated_at":2090,"url":2091,"score":2092},"Initial build time is now much longer than anticipated and we need to keep the pace of development. \r\nWe need to drop bundling translation for local, English should be fine for now.",[2085],{"name":2086,"color":2087},"stale","ededed",108,"Exclude translations for local development","2024-07-31T11:11:07Z","https://github.com/kodadot/nft-gallery/issues/108",0.77178234,{"description":2094,"labels":2095,"number":2105,"owner":1994,"repository":1995,"state":2026,"title":2106,"updated_at":2107,"url":2108,"score":2109},"We have quite big chunks loading upfront and would be great to move to Nuxt as the App is getting bigger and loads slower.\r\n### Requirements to keep. \r\n\r\n- [Docs](https://nuxtjs.org/docs/2.x/features/rendering-modes)\r\n- [ ] deployment through Netlify - simple keep it in jam stack as possible as we don't want to hustle servers, serverless is allowed :)\r\n- [ ] would we need to migrate to vercel or can we stick with Netlify? For sake avoid switching costs at the current stage.\r\n\r\n### What we will gain?\r\n- [x] faster load times\r\n- [x] better router?",[2096,2099,2100,2103],{"name":2097,"color":2098},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":2101,"color":2102},"intern","241540",{"name":2104,"color":1992},"A-nuxt",584,"Migrate KodaDot into Nuxt framework ","2021-11-09T11:57:42Z","https://github.com/kodadot/nft-gallery/issues/584",0.7734463,{"description":2111,"labels":2112,"number":2118,"owner":1994,"repository":1995,"state":2026,"title":2119,"updated_at":2120,"url":2121,"score":2122},"This is quite experimental, but we need to supercharge our UX as with more parachains we need to push our stuff on the edge servers as Pinata suffers, is quite slow and doesn't quite keep pace for files.\r\nWe are a bit failing into a centralized pit, but we will store copies of IPFS & Arweave for sure still. \r\nSo stuff is still decentralized for whatever reason you need to have it permanent and distributed, yet we need to go fast whenever users browse our interface.\r\n\r\nInitial idea is to scrape all jpegs on daily basis, once per day, \r\neven ones from Singular and push them to KodaDot Netlify account to supercharge loading times.\r\n(we can make Plural by KodaDot)\r\n\r\n### Ref\r\n- https://docs.netlify.com/large-media/overview/\r\n- Netlify Large Media is intended for files up to 100 MB in size.\r\n- Netlify can handle transformation if needed https://docs.netlify.com/large-media/usage-and-billing/ probably we will transform them to 666x666 locally, keeping aspect ratio in mind, it should be sufficient for fast loading them \r\n- transform them into webp format to save at least 30% smaller\r\n\r\n",[2113,2114,2115],{"name":2021,"color":1989},{"name":2104,"color":1992},{"name":2116,"color":2117},"experimental","B09211",1515,"Fetch all jpegs and push them into Netlify LM","2022-02-05T17:59:56Z","https://github.com/kodadot/nft-gallery/issues/1515",0.7811322,["Reactive",2124],{},["Set"],["ShallowReactive",2127],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"pBkaWzYtjw8KjNSj-ND4yEpcT_RhczTMd4Vx64aKfeA":-1},"/kodadot/nft-gallery/4620"]