← Home

Hello World

> Welcome to the show
Cover Image for Hello World
Marcel Gruber

Welcome to the blog. Lately I've taken a keen interest in headless Sitecore; specifically Sitecore JSS and NextJS.

Because I'm a madman, I decided to eat my own dog food and build this blog with NextJS.

The Stack
  • NextJS
  • TypeScript because I like the idea of a strongly typed web (even for blogs)
  • ts-standard because standardized code formatting is beautiful
  • MDX for composing rich blog posts in markdown and JS
  • TailwindCSS for styling
  • Code Hike for syntax highlighting and advanced code sample functionality
  • Vercel for hosting

Some Sample... Code Samples

I'm massively impressed with Code Hike so far. It's a great tool for syntax highlighting and code samples. The CEO of Vercel said it best: it looks like the future of documentation.

HelloWorld.cs

_5
public class HelloWorld {
_5
public static void Main() {
_5
Console.WriteLine("Hello World!")
_5
}
_5
}

HelloWorld.js

_3
function() {
_3
console.log('Hello World!')
_3
}

HelloWorld.html

_1
<div>Hello World!</div>

HelloWorld.css

_3
body {
_3
color: yellow;
_3
}

Enjoy!

More Stories

Cover Image for NextJS: Short URL for Viewing Layout Service Response

NextJS: Short URL for Viewing Layout Service Response

> Because the default URL is 2long4me

Cover Image for Early Returns in React Components

Early Returns in React Components

> When and how should you return early in a React component?

Cover Image for Handy PowerShell Script When Working With Text Fields

Handy PowerShell Script When Working With Text Fields

> Quickly analyze freeform text field inputs

Cover Image for Troubleshooting 502 Responses in Azure App Services

Troubleshooting 502 Responses in Azure App Services

> App Services don't support all libraries