How to build a NextJS website without a CMS.

Yogesh Bhawsar

Yogesh Bhawsar

Published on 1st January 2022

What we used to build this website

  1. NestJS
  2. TailwindCSS
  3. SendGrid
  4. MDX for Markdown
    • next-mdx-remote
    • PrismJS for styling codeblocks.
  5. Vercel
const { getToken } = require("github-app-installation-token");

async function go() {
  const res = await getToken({
    appId: "from-earlier",
    installationId: "from-earlier",
    privateKey: `Paste the contents of your private key in here. Use backticks because it's multi-line`,
  });
  console.log(res); // your token will be here
}

go();
s = "Python syntax highlighting"
print s

Colons can be used to align columns.

TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare neat$1

There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.

MarkdownLessPretty
Stillrendersnicely
123

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.