--- title: Best LogRocket posts — June 2022 | daily.dev description: The most upvoted LogRocket posts from June 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/logrocket/best-of/2022/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/logrocket/best-of/2022/06 og:type: website og:site_name: daily.dev og:title: Best LogRocket posts — June 2022 | daily.dev og:description: The most upvoted LogRocket posts from June 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of LogRocket — June 2022 1. 1 [](https://daily.dev/posts/build-an-ecommerce-app-with-next-js-and-shopify-i60c6sejr "Build an eCommerce app with Next.js and Shopify") Article LogRocket · 4y Build an eCommerce app with Next.js and Shopify With Shopify, users can set up an online store, and thanks to their Storefront API, developers can create a custom client application to connect to it. In this article, you will learn how to set up a Shopify store and get your Store Front API token. You will then create a Next.js application to list and display your products with dummy data. Finally, you can connect your Next.JS application to your Shopify application to fetch your real products. 53 2 2. 2 [](https://daily.dev/posts/nestjs-vs-express-js-op6o0bqey "NestJS vs. Express.js") Article LogRocket · 4y NestJS vs. Express.js NestJS is a Node.js framework for building server-side applications. It is based on TypeScript and JavaScript. Most of what you find in Angular can also be found in Nest, including providers, middleware, components, and services. Nest is platform agnostic, meaning it can work with any Node HTTP framework. 52 1 3. 3 [](https://daily.dev/posts/implementing-claymorphism-with-css-gf2zp4nhp "Implementing claymorphism with CSS") Article LogRocket · 4y Implementing claymorphism with CSS Claymorphism is a design concept that revolves around clay-like UIs. Its user-friendly appeal is gaining popularity in the UI design world, especially in Web3\. By the end of the article, you will be able to create claymorphic design elements with Figma, CSS, and Tailwind CSS. 50 6 4. 4 [](https://daily.dev/posts/a-complete-guide-to-using-css-filters-with-svgs-wpnosoabf "A complete guide to using CSS filters with SVGs") Article LogRocket · 4y A complete guide to using CSS filters with SVGs SVGs, or Scalable Vector Graphics, are an XML-based vector image format for displaying two-dimensional graphics. An SVGs doubles as both an image and document format. SVGs maintain their quality no matter how much you zoom in. This is possible because they’re made up of mathematical formulas. 34 2 5. 5 [](https://daily.dev/posts/comparing-four-popular-nestjs-orms-oghbpuz7 "Comparing four popular NestJS ORMs") Article LogRocket · 4y Comparing four popular NestJS ORMs Object-relational mapping (ORM) is a technique that abstracts your database tables to data objects in memory. ORMs are used to make database access easier, as developers won’t need to write raw queries. For convenience, NestJS provides tight integrations with TypeORM and Sequelize out of the box. 34 6. 6 [](https://daily.dev/posts/what-s-new-in-typescript-4-7-s3tj-im69 "What’s new in TypeScript 4.7") Article LogRocket · 4y What’s new in TypeScript 4.7 There have been a lot of significant updates, introductions, and improvements included in TypeScript 4.7\. This update specifically revolves around new features for type inference, narrowing analysis, ES module integration, instantiation expressions, and more. Let’s take a look at each of the new changes and understand how we can use them today. 32 7. 7 [](https://daily.dev/posts/integrating-a-svelte-app-with-rust-using-webassembly-ifdzqt9kf "Integrating a Svelte app with Rust using WebAssembly") Article LogRocket · 4y Integrating a Svelte app with Rust using WebAssembly WebAssembly is a binary instruction format that our browsers can run along with JavaScript. It is type-safe like TypeScript, and since it is compiled beforehand instead of at runtime, much faster than even JavaScript. Combining this with the ease of Svelte and its ability to update the UI without a virtual DOM, we can make even heavy applications blazing fast. 22 1 8. 8 [](https://daily.dev/posts/how-to-extend-enums-in-typescript-f2ttkkogc "How to extend enums in TypeScript") Article LogRocket · 4y How to extend enums in TypeScript Enums are a language feature in TypeScript that lets developers define a strict set of options for a variable. Enums default to number enums, so the above enum is essentially an object with 0 , 1 , and 2 as its key. Extending an enum allows you to essentially copy an copy of an existing type. 19 9. 9 [](https://daily.dev/posts/building-an-app-with-next-js-and-electron-141-o6oou "Building an app with Next.js and Electron") Article LogRocket · 4y Building an app with Next.js and Electron Nextron is a package that combines the powerful features of Next.js and Electron. It allows us to create multi-platform desktop applications in the easiest and most enjoyable way ever. We’ll cover the following sections: setting up your Nextron project, building a demo app, and how Nextron works. 16 10. 10 [](https://daily.dev/posts/node-js-express-test-driven-development-with-jest-jn1auawcx "Node.js Express test-driven development with Jest") Article LogRocket · 4y Node.js Express test-driven development with Jest Node.js now has its own inbuilt test runner that’s been stable since v18\. It is still in experimental mode, so it is likely to change over time. In this article, we’ll discuss how to use the new node.js test runner for some basic testing, as well as using Jest for testing different endpoints. 13 11. 11 [](https://daily.dev/posts/how-to-build-an-ecommerce-app-with-nestjs-iiwcrnrzu "How to build an ecommerce app with NestJS") Article LogRocket · 4y How to build an ecommerce app with NestJS NestJS is one of the best Node frameworks for building server-side applications. Using Nest enables you to take your Node.js backend to the next level. To follow this tutorial, you will need at least basic knowledge of and experience with Node, MongoDB, TypeScript, and Nest. 13 1 12. 12 [](https://daily.dev/posts/supercharge-your-vue-js-and-nuxt-js-apps-with-vueuse-kmzcxy5rn "Supercharge your Vue.js and Nuxt.js apps with VueUse") Article LogRocket · 4y Supercharge your Vue.js and Nuxt.js apps with VueUse VueUse is a collection of essential Vue composition utilities. VueUse leverages its power from the API offered by the composition API. It provides more than 200 flexible and typesafe functions that add basic interactions in your components that may otherwise require code from you. Getting started with Vue use is as seamless as adding a utils file. 12 1 13. 13 [](https://daily.dev/posts/nfts-as-access-tokens-3nb-ftg1s "NFTs as access tokens") Article LogRocket · 4y NFTs as access tokens In this article, we’ll compare traditional and in-app crypto subscription models. Then, we'll walk through a tutorial that will demonstrate how to create an ERC-1155 smart contract and build an in- app NFT subscription model. The tutorial uses the smart contract, JavaScript, Web3.js, and Moralis. 10 [See all LogRocket archives](/sources/logrocket/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/logrocket/best-of/2022/06#page","url":"https://daily.dev/sources/logrocket/best-of/2022/06","name":"Best LogRocket Posts — June 2022","description":"The most upvoted LogRocket posts from June 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/logrocket/best-of/2022/06#items","numberOfItems":13,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/build-an-ecommerce-app-with-next-js-and-shopify-i60c6sejr","name":"Build an eCommerce app with Next.js and Shopify"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/nestjs-vs-express-js-op6o0bqey","name":"NestJS vs. Express.js"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/implementing-claymorphism-with-css-gf2zp4nhp","name":"Implementing claymorphism with CSS"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/a-complete-guide-to-using-css-filters-with-svgs-wpnosoabf","name":"A complete guide to using CSS filters with SVGs"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/comparing-four-popular-nestjs-orms-oghbpuz7","name":"Comparing four popular NestJS ORMs"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/what-s-new-in-typescript-4-7-s3tj-im69","name":"What’s new in TypeScript 4.7"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/integrating-a-svelte-app-with-rust-using-webassembly-ifdzqt9kf","name":"Integrating a Svelte app with Rust using WebAssembly"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-extend-enums-in-typescript-f2ttkkogc","name":"How to extend enums in TypeScript"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/building-an-app-with-next-js-and-electron-141-o6oou","name":"Building an app with Next.js and Electron"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/node-js-express-test-driven-development-with-jest-jn1auawcx","name":"Node.js Express test-driven development with Jest"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-build-an-ecommerce-app-with-nestjs-iiwcrnrzu","name":"How to build an ecommerce app with NestJS"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/supercharge-your-vue-js-and-nuxt-js-apps-with-vueuse-kmzcxy5rn","name":"Supercharge your Vue.js and Nuxt.js apps with VueUse"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/nfts-as-access-tokens-3nb-ftg1s","name":"NFTs as access tokens"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"LogRocket","item":"https://daily.dev/sources/logrocket"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/logrocket/best-of"},{"@type":"ListItem","position":5,"name":"June 2022"}]}]} ```