Quick Description

A growing collection of personalized guides on various topics, offering practical insights for developers.

vitegh-pages

React + Tailwind CSS

React + Tailwind CSS w/ Vite to deploy to GitHub Pages guide to start with.

vitegh-pages

Svelte + Tailwind CSS

Svelte + Tailwind CSS w/ Vite to deploy to GitHub Pages guide to start with.

vitegh-pages

Vue + Tailwind CSS

Vue + Tailwind CSS w/ Vite to deploy to GitHub Pages guide to start with.

gh-pages

Next + Tailwind CSS

Next + Tailwind CSS to deploy to GitHub Pages guide to start with.

vitegh-pages

SvelteKit + Tailwind CSS

SvelteKit + Tailwind CSS w/ Vite to deploy to GitHub Pages guide to start with.

gh-pages

Gatsby + Tailwind CSS

Gatsby + Tailwind CSS to deploy to GitHub Pages guide to start with.


Gatsby Quick-Start

Personally, creating a Gatsby app using the cli is the ideal way of starting. There are other methods in the internet if you're curious.

Install gatsby-cli:

$ npm i -g gatsby-cli

Check version to see if it's installed:

$ gatsby -v

Install the starter site (follow instructions from official docs ↗):

# gatsby new dir-name (starter site url)
$ gatsby new my-project https://github.com/gatsbyjs/gatsby-starter-default

Run the final command:

$ gatsby develop

Creating a NextJS App:

Start a Next app:

$ npx create-next-app@latest

And then follow the prompts! Make sure to use the App Router ↗ and it is up to you for the other technologies.


Vite Frontend Tooling:

Starting your first Vite project:

$ npm create vite@latest

Or directly specify the configurations:

$ npm create vite@latest dir_name -- --template vue

Check the github docs ↗ for more template information.

You can also use the "." for the directory name to scaffold in the current directory.