Hello World

> Welcome to the show

Cover Image for Hello World

April 7, 2022

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

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

HelloWorld.js

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

HelloWorld.html

<div>Hello World!</div>

HelloWorld.css

body {
  color: yellow;
}

Enjoy!

More Stories

Cover Image for Headless Cloud Infrastructure for JSS: An Overview

Headless Cloud Infrastructure for JSS: An Overview

Cover Image for Overview: Data Exchange Framework and Sitecore Connect for Microsoft Dynamics 365 for Sales

Overview: Data Exchange Framework and Sitecore Connect for Microsoft Dynamics 365 for Sales

Cover Image for Blocking Malicious Bots with IIS

Blocking Malicious Bots with IIS

Cover Image for JSS: Reducing Bloat in Multilist Field Serialization

JSS: Reducing Bloat in Multilist Field Serialization

> Because: performance, security, and error-avoidance

Cover Image for PSA: Version 21.0.0 of JSS CLI Currently Only Compatible With XM Cloud

PSA: Version 21.0.0 of JSS CLI Currently Only Compatible With XM Cloud

> Use 20.1.3 for now

Cover Image for Ideas For Docker up.ps1 Scripts

Ideas For Docker up.ps1 Scripts

> Because Docker can be brittle

Cover Image for NextJS: Access has been blocked by CORS policy

NextJS: Access has been blocked by CORS policy

> CORS is almost as much of a nuisance as GDPR popups

Cover Image for Isolating Sitecore Scheduled Tasks to Specific Environments

Isolating Sitecore Scheduled Tasks to Specific Environments

> Useful for database refreshes

Cover Image for Solr cannot be installed (SC 9 SIF)

Solr cannot be installed (SC 9 SIF)

Cover Image for How to Run Old Versions of Solr in a Docker Container

How to Run Old Versions of Solr in a Docker Container

> Please don't make me install another version of Solr on my local...

Cover Image for NextJS: Unable to Verify the First Certificate

NextJS: Unable to Verify the First Certificate

> UNABLE_TO_VERIFY_LEAF_SIGNATURE

Cover Image for SPE Script Performance & Troubleshooting

SPE Script Performance & Troubleshooting

> Script never ends or runs too slow? Get in here.

Cover Image for Troubleshooting 502 Responses in Azure App Services

Troubleshooting 502 Responses in Azure App Services

> App Services don't support all libraries

Cover Image for JSS + TypeScript Sitecore Project Tips

JSS + TypeScript Sitecore Project Tips

> New tech, new challenges

Cover Image for Renewing Expired xConnect Client Cert on Azure PaaS

Renewing Expired xConnect Client Cert on Azure PaaS

Cover Image for Don't Ignore the HttpRequestValidationException

Don't Ignore the HttpRequestValidationException

> Doing so could be... potentially dangerous

Cover Image for Automatic TypeScript Model Generation With TDS

Automatic TypeScript Model Generation With TDS

Cover Image for Zen and the Art of Sitecore Maintenance / Audits

Zen and the Art of Sitecore Maintenance / Audits

> A short overview

Cover Image for Script: Boost SIF Certificate Expiry Days

Script: Boost SIF Certificate Expiry Days

> One simple script that definitely won't delete your system32 folder

Cover Image for Tips for New Sitecore Developers

Tips for New Sitecore Developers

> Because learning Sitecore can be hard

Cover Image for TDS Serialization and Long Item / File Paths

TDS Serialization and Long Item / File Paths

Cover Image for Why You Should Care About Content Hub (as a Developer)

Why You Should Care About Content Hub (as a Developer)

Cover Image for Marcel Gruber Awarded 2024 Sitecore MVP

Marcel Gruber Awarded 2024 Sitecore MVP

> For the second time

Cover Image for Year in Review: 2022

Year in Review: 2022

> Full steam ahead

Cover Image for Field Name Type Checking / Formatting in Rendering Contents Resolvers

Field Name Type Checking / Formatting in Rendering Contents Resolvers

Cover Image for MVP Summit & SUGCON NA 2023

MVP Summit & SUGCON NA 2023

> Glad I went

Cover Image for Symposium 2022 Reflections

Symposium 2022 Reflections

> Sitecore is making big changes

Cover Image for NextJS/JSS Edit Frames Before JSS v21.1.0

NextJS/JSS Edit Frames Before JSS v21.1.0

> It is possible. We have the technology.

Cover Image for Sitecore Symposium 2022

Sitecore Symposium 2022

> What I'm Watching 👀

Cover Image for Sitecore Item Version Count Mismatch

Sitecore Item Version Count Mismatch

Cover Image for Tips for Applying Cumulative Sitecore XM/XP Patches and Hotfixes

Tips for Applying Cumulative Sitecore XM/XP Patches and Hotfixes

> It's probably time to overhaul your processes

Cover Image for On Database Refreshes

On Database Refreshes

Cover Image for Tips for Forms Implementations

Tips for Forms Implementations

> And other pro tips

Cover Image for xConnect: Storing Full URLs in Page View Events

xConnect: Storing Full URLs in Page View Events

Cover Image for Content Editor Search Bar Not Working

Content Editor Search Bar Not Working

> Sometimes it works, sometimes not

Cover Image for Azure PaaS Cache Optimization

Azure PaaS Cache Optimization

> App Services benefit greatly from proper configuration

Cover Image for Bulletproof Components (Part 3): General Checklist

Bulletproof Components (Part 3): General Checklist

Cover Image for Self Documenting Security Roles

Self Documenting Security Roles

Cover Image for Add TypeScript Type Checks to RouteData fields

Add TypeScript Type Checks to RouteData fields

> Inspired by error: Conversion of type may be a mistake because neither type sufficiently overlaps with the other.

Cover Image for xConnect: Rapid Interaction Spoofing and Contact Identification

xConnect: Rapid Interaction Spoofing and Contact Identification

Cover Image for Your Sitecore Site is Being Farmed to Train AI

Your Sitecore Site is Being Farmed to Train AI

> Do you have a plan?

Cover Image for Year in Review: 2023

Year in Review: 2023

> Solid year

Cover Image for Super Fast Project Builds with Visual Studio Publish

Super Fast Project Builds with Visual Studio Publish

> For when solution builds take too long

Cover Image for Error: Nodes Cannot be Empty

Error: Nodes Cannot be Empty

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 Bulletproof Components (Part 1): Front End Checklist

Bulletproof Components (Part 1): Front End Checklist

Cover Image for Bulletproof Components (Part 2): Back End Checklist

Bulletproof Components (Part 2): Back End Checklist

Cover Image for Disable Item Duplication and Copying ASAP

Disable Item Duplication and Copying ASAP

> Else, chaos ensues

Cover Image for On Sitecore Stack Exchange (SSE)

On Sitecore Stack Exchange (SSE)

> What I've learned, what I see, what I want to see

Cover Image for On Mentorship and Community Contributions

On Mentorship and Community Contributions

> Reflections and what I learned as an MVP mentor

Cover Image for Early Returns in React Components

Early Returns in React Components

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