BornPsych

Conventional Commit Messages

See how a minor change to your commit message style can make a difference.

Tip

Take a look at git-conventional-commits , a CLI util to ensure these conventions, determine version and generate changelogs

Commit Message Formats

Default

BornPsych

pub type Result<T> = core::result::Result<T, Error>;

#[derive(Debug)]
pub enum Error {}
// region:    --- Error Boilerplate
impl core::fmt::Display for Error {
	fn fmt(
		&self,
		fmt: &mut core::fmt::Formatter,
	) -> core::result::Result<(), core::fmt::Error> {

BornPsych

GitHub Tricks & Tips

Random tips

• Add an image to a Gist here: drop and drag the image into a comment on the gist, copy the generated code (there's no need to actually publish the comment).
• Compare two commits: github.com//<repo_name>/compare/...
  • Example: https://github.com/hotwired/turbo/compare/a7d6566c7885694f00105946f44586593a3252cb...4593d06ce58d17af5b17495ad8524eaa9bc2f5d2
    • From here.
  • Can also compare by relase tags

BornPsych

What we will setup

1. ZSH

ZSH, also called the Z shell, is an extended version of the Bourne Shell (sh), with plenty of new features, and support for plugins and themes.

2. oh-my-zsh

This is a framework for zsh

3. Powerlevel 10k

Powerlevel10k is a theme for Zsh. It emphasizes speed, flexibility and out-of-the-box experience.

BornPsych

# === Theme and Colors ===
theme = catppuccin-frappe

# === Mouse Behavior ===
mouse-hide-while-typing = true
mouse-scroll-multiplier = 2.0

# === Quick Terminal ===
keybind = global:alt+space=toggle_quick_terminal
# quick-terminal-screen = "mouse"

BornPsych

# === Font Configuration ===
font-family = ""                    # String: Font name or empty to reset
font-family-bold = ""               # String: Bold font variant
font-family-italic = ""             # String: Italic font variant
font-family-bold-italic = ""        # String: Bold-italic font variant
font-style = ""                     # String: Named font style or "false" to disable
font-style-bold = ""                # String: Named bold font style
font-style-italic = ""              # String: Named italic font style
font-style-bold-italic = ""         # String: Named bold-italic font style
font-synthetic-style = ""           # Values: "true", "false", "no-bold", "no-italic", "no-bold-italic"

BornPsych

Certainly! Here is a breakdown of the various steps involved in the compilation process of a Next.js 14 application, along with the libraries responsible for each step:

1. File Watching

• Initial Setup: Done by Next.js.
• Hot Module Replacement (HMR): Handled by Webpack.

2. Transpiling

• SWC: Transpiles modern JavaScript and JSX code into backward-compatible JavaScript, replacing Babel as the default transpiler in Next.js 12 and later. It also handles TypeScript transpilation.

3. Module Resolution

BornPsych

Configuring Next.Js Project

In this article, we will create a Next.js application with ESLint, Prettier, Husky, Lint-Staged and Bundle-Analyser.

Create a Next.js App

Let's create a new Next.js project by running the following command, We use pnpm as a package manager,

pnpm create next-app