#title Weekly Vue News #110 - An URL Object Working on Both Server-Side and Client-Side in Nuxt #preview Ready for your weekly Vue & Nuxt dose?
An URL Object Working on Both Server-Side and Client-Side in Nuxt
Hi ๐
I'm still working in the background on my high-quality developer shirts that I want to sell in the future. I'm currently working on the shop and I'm also looking for a good supplier. I'll keep you updated.
Have a lovely week โ๏ธ
To support me:
- ๐ Recommend the newsletter to your friends: it really helps!
- ๐ธ Sponsor the newsletter
- ๐งต Retweet the latest Twitter thread
- ๐จ Reply to this email: feedback is welcome
Sometimes you need access to the current
If you are using SSR (Server Side Rendering) your code will be executed on the server and the client. This means that you need to make sure that your code works on both the server and the client. For example, you can't use the window
object on the server.
A simple workaround is to add an if
statement to check if the window
object is available:
This works but it's not very elegant. It would be better if we could use the same code on both the server and the client.
Luckily, Nuxt provides a helper function called
Try it yourself in the following StackBlitz playground:
๐๐ป This comprehensive guide goes over Vue Suspense. |
๐๐ป Vue Suspense allows you to handle async components easily and provides a better user experience while components are loading. |
๐๐ป In this article, Jason outlines the scenario, explains the challenges, and walks you through the code that helped him prevent duplicate API calls. |
๐๐ป In this article, youโll explore how to implement Atomic Design in Vue.js with only HTML. |
๐๐ป It explains the basics of Atomic Design and then demonstrate how to apply its principles in Vue.js. |
๐๐ป Learn how you can use Axios to abort ongoing calls in Vue. |
๐๐ป Histoire is a tool written in Vue to generate stories applications (similar to Storybook) |
๐๐ป Powered by Vite for some extra speed |
๐๐ป Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. |
๐๐ป Available for Vue and React. |
๐๐ป A Vue3 based component library of CesiumJS for 3D Geospatial Visualizations. |
๐๐ป A Hacker News commenter opines that front-end development is harder than back-end development. |
๐๐ป Other comments give their thoughts and opinions. |
๐๐ป "After reviewing millions of PRs, we've found the 11 that are dragging down your engineering team." |
๐๐ป This article implements async and await in JavaScript from scratch. |
๐๐ป This article does a deep dive into TypeScript types. |
๐๐ป Vite can offer much faster build times and hot reloading times during development compared to Webpack. |
๐๐ป But you should consider that Webpack is a more mature tool while Vite is still growing. |
๐๐ป freeCodeCamp has published dozens of full length books and handbooks. |
Until next week,
Holzapfelkreuther Str. 19, 81375 Munich, Germany