Erwin Smit

Front-End Developer

[Michael Hart @hichaelmart]

A bunch of ppl have asked me to explain this Next.js performance issue.

Settle in for a tale of laziness, batching and doing too much work. ☕️🧵

[Erwin Smit @RwinSmit]

New year, new website:
https://t.co/t4Y5xPNhUj

#nextjs #nextjsongithubpages

[Erwin Smit @RwinSmit]

@YaPrettyMuch I think that’s a good idea, with something like tailwind you don’t have the headache of trying to build the css within or outside the next.js app. Aslong if everyone is happy using tailwind 😊

[Erwin Smit @RwinSmit]

For a recent project, we came across the challenge again to host Sitecore JSS Next.js on Azure instead of Vercel. Read about it in my new blog post:
https://t.co/voxEA00Xm8
#sitecore #jss #headless #nextjs #azure

[Erwin Smit @RwinSmit]

@YaPrettyMuch With non-JS based CSS do you mean something like SCSS that still needs building?

In that case I would build the SCSS outside of the JSS/Next.js project. After that build you can import the build asset (plain CSS file) into your Next.js app.

[Erwin Smit @RwinSmit]

@YaPrettyMuch Hi, Thanks! Unfortunately, I do not have a public repo with this setup. I hope to set something up in the coming weeks as more people have asked me about this.

[Erwin Smit @RwinSmit]

Time to dust off my blog again, how do you conditionally add styles to a XM Cloud JSS Next.js multisite setup:

https://t.co/AALRGn8WHm

[Erwin Smit @RwinSmit]

@kentcdodds @markgibbons25 I had my own challenges trying to get next 12 to run on Azure with #sitecore #jss I fully agree with the points of this article.

It would be nice if a good JSS SDK exists for Remix.

[Kent C. Dodds 🏹 @kentcdodds]

I get asked about this a lot (especially since the launch of Epic Web), so I've written it down.

Here's why I won't use Next.js:

https://t.co/crVN7hOszL

[Cory House @housecor]

Just audited a codebase with a REST API that returns this:

{
table1: []
table2: []
main: []
}

Don’t couple your API to UI elements.

[Erwin Smit @RwinSmit]

I love how you can combine simple CSS classes with typesafe React properties using #VanillaExtract and styleVariants

It's a great way to create variants of a component.

[Erwin Smit @RwinSmit]

@svdoever Be careful doing that on a old Gatsby project 😉

[Erwin Smit @RwinSmit]

https://t.co/BkLKMb1xcX

Does Sitecore JSS Next.js run quicker on WSL? Yes, it does.

I was expecting more difference in speed though.

[Erwin Smit @RwinSmit]

If you're running Sitecore JSS Next.js on Windows, do yourself a favor, and use WSL. The difference in speed is massive!

[Erwin Smit @RwinSmit]

@Andreas97118420 So the UI components don’t render simple strings out, but Jsx elements.

[Erwin Smit @RwinSmit]

I really enjoyed giving a presentation at #sugnl last night. It was great to see that frontend tech is getting more traction within the #sitecore community.

I will write some blog posts about the content of the presentation, this is the first one:
https://t.co/AxP4U2iEDB

[Erwin Smit @RwinSmit]

@Andreas97118420 Hi, thanks! I’m planning to do some more posts about this soon. To make the exp editor work, you have to pass things like title, image etc down to the UI component as Jsx.Element props.
Using the out of the box components from the JSS Next.js SDK.

[Erwin Smit @RwinSmit]

Azure Static Web Apps automatically creates a domain like "https://t.co/DqwZmEcSPo", how can you block this domain on a Hybrid Next.js implementation?

https://t.co/pvT5aVpBd5

#sitecore #nextjs #azure

[Erwin Smit @RwinSmit]

@marcjacobi Now replace your Alibaba electric wiring 😉

[Erwin Smit @RwinSmit]

@marcjacobi Stop buying them from aliexpress 😉

[Erwin Smit @RwinSmit]

I'm very happy that I'm awarded the Sitecore MVP 2023 title for the first time!

https://t.co/hrxiGejg5j

#sitecoremvp #sitecore