Quick Description
A growing collection of personalized guides on various topics, offering practical insights for developers.
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.
Git Connection
Connecting local machine to github repo:
$ git remote add origin ssh_or_https_path
Check if the remote path is added or not:
$ git remote -v
Push to your repo. Add -u flag for first time.
$ git push -u origin branch_name