GoRight Website

Available scripts

• yarn dev - starts development server.
• yarn build - creates production build.
• yarn export - exports static files to /out directory.
• yarn export:hands-on-workshop - creates static export for hands-on-workshop.goright.io.
• yarn deploy - deploys previously exported static assets. Normally should not be needed, because deploy is handled via Github Actions.

Adding new articles to blog.

Add a new directory named as the desired slug for the post, into src/pages/blog directory. Create index.mdx inside that directory and add your content. Any images or other assets can be also stored in the folder. index.mdx can contain frontmatter, which will be used for rendering the page. Frontmatter is written in yaml syntax, and always separated with --- at the beginning and the end. See an example with comments:

---
title: My Post # article title to be displayed. 
date: 2021-01-26 # date is used for sorting posts, therefore highly desired
layout: LayoutBlog # layout for rendering page. Defaults to LayoutBlog.
seo:
  title: Seo title # this title is used for metadata. If it's omitted, main title will ve used.
  desc: > # this symbol can be used for long metadata which starts from next line
    What do UX designers and UI developers value in each other? This research study on
    LinkedIn data analyses recommendation texts and bridges the results to the existing
    scientific and industry knowledge.
  # ...other meta here
---

All metadata can be added under seo section and need to match NextSeo Options. Some metadata (e.g. cover image) will be taken from defaults if not provided.

Deploy

Deployment is handled by Github Actions workflow, which is triggered on push into main bran

This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

It uses the new Just-in-Time Mode for Tailwind CSS.

Preview

Preview the example live on StackBlitz:

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).