Nick Taylor's Personal Website

Nick Taylor · 2019-02-28T22:02:28Z

Have you created a Gatsby site that you're proud of? It could be for a client or just your personal site. Either way, you can submit it to the Gatsby showcase. It's pretty simple to do. Just follow the instructions here . In a nutshell, you fork Gatsby on GitHub and add your site details to their showcase configuration file. Once the PR is approved and merged, the next time they deploy the Gatsby site, your site will be in the list! As a bonus to doing this: it's free publicity for you it's a contribution to open source become part of maintainers team for the Gatsby organization on GitHub the Gatsby team gives you free swag for the PR. Who doesn't want Gatsby socks?! I'm under blogs in the showcase, but you can also go directly to my site profile . And for those interested, here's my site's source code full of TypeScript, React and Netlify CMS goodness. nickytonline / nickytdotco Source code for my web site nickyt.co <img src="https://camo.githubusercontent.com/f7192d68138516a15ca52465522ce91922bef5665291edfc1d09328e8018f35c/68747470733a2f2f6170692e6e65746c6966792e636f6d2f6170692f76312f6261646765732f63326330386136642d303937642d343964662d623332642d3237666133643766633866382f6465706c6f792d737461747573" alt="Netlify Status" data-canonical-src="https://api.netlify.com/api/v1/badges/c2c08a6d-097d-49df-b32d-27fa3d7fc8f8/deploy-status" style="max-width: 100%;"> Nick Taylor's Personal Website This is the source code for nickyt.co , Nick Taylor's personal website and blog. Tech Stack Astro - Modern web framework for building fast, content-focused websites React - For interactive UI components MDX - For blog posts and content with embedded components Tailwind CSS - Utility-first CSS framework TypeScript - Type-safe JavaScript Expressive Code - Syntax highlighting for code blocks Netlify - Hosting and deployment platform Terminal commands Install the Vite+ CLI (one-time setup) curl -fsSL https://vite.plus | bash Enter fullscreen mode Exit fullscreen mode See the Vite+ guide for more details. Install the dependencies vp install Enter fullscreen mode Exit fullscreen mode Run in dev mode vp run dev Enter fullscreen mode Exit fullscreen mode Build a production version of the site vp run build Enter fullscreen mode Exit fullscreen mode Test the production site locally vp run preview Enter fullscreen mode Exit fullscreen mode Styling Tailwind v4 is configured in tailwind.config.cjs and postcss.config.cjs . Global styles are loaded from src/styles/tailwind.css , which imports src/styles/legacy.css for bespoke rules. Licensing This project contains two separate licenses: … View on GitHub ![Lenoardo DiCaprio in the Great Gatsby on giphy](https://media.giphy.com/media/jNdw5Qmy5MOpq/giphy.gif)

This is the source code for nickyt.co, Nick Taylor's personal website and blog.

Tech Stack

Astro - Modern web framework for building fast, content-focused websites
React - For interactive UI components
MDX - For blog posts and content with embedded components
Tailwind CSS - Utility-first CSS framework
TypeScript - Type-safe JavaScript
Expressive Code - Syntax highlighting for code blocks
Netlify - Hosting and deployment platform

Terminal commands

Install the Vite+ CLI (one-time setup)

curl -fsSL https://vite.plus | bash

See the Vite+ guide for more details.

Install the dependencies

vp install

Run in dev mode

vp run dev

Build a production version of the site

vp run build

Test the production site locally

vp run preview

Styling

Tailwind v4 is configured in tailwind.config.cjs and postcss.config.cjs.
Global styles are loaded from src/styles/tailwind.css, which imports src/styles/legacy.css for bespoke rules.

Licensing

This project contains two separate licenses:

Top comments (11)

Arisa Fukuzaki • Feb 28 '19

Didn't know anyone can submit their own Gatsby sites to Gatsby's showcase...!
Getting Gatsby socks and appearing in Gatsby's showcase, I would say that's great motivation to encourage developers :)

Thanks for sharing!

Ahmad Awais ⚡️ • Apr 4 '19

I was one of the earliest contributors to showcase when it was only a test based list. Happy to report now I have my own site in the showcase → gatsbyjs.org/showcase/vscode.pro — would love your feedback.

Nick Taylor • Apr 4 '19

Nice. Didn't realize you did your site in Gatsby. Cool stuff.

P.S. just checked your site. I was sold at the color "Purple" :) 🦄

I did. Big fan of Gatsby and a core contributor who's leaning more and more towards Gatsby.js after spending a decade building/making the WordPress software.