Goldjunge91 goldjunge91

Self-Hosting Next.js Tutorial

Follow the instructions below to deploy a Next.js app with a local PostgreSQL database to a VPS, secure it, and connect it to a custom domain with free SSL. Watch the accompanying tutorial on YouTube: https://www.youtube.com/watch?v=2T_Dx7YgBFw

Instructions & commands:

Get your VPS server on Hostinger (Use code CODINGINFLOW for 10% off). Install Ubuntu 24 as the OS and set a root password.
Log into your server as root: ssh root@<your-server-ip>
Update Linux packages: apt update && apt upgrade -y
Create a new user: adduser

from aryan: most guides i found online weren't helpful for me, hope this helps tho :)

1. Connect to machine

ssh root@<server-ip-address>

Optional but recommended:

sudo apt update && sudo apt upgrade -y

[Gist] erkobridee / learning

Second Brain

Building a Second Brain: The Book - The step-by-step guide to building a Second Brain. Based on 10+ years of research & experiments with organizing our digital lives & improving our productivity.
Building a Second Brain: The Definitive Introductory Guide | Forte Labs - (2023/05/01) This is an introduction to Building a Second Brain, the proven method to organize your digital life and unlock your creative potential.

NextJS CheatSheet

npx create-next-app seo --use-yarn --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"

Overview Architecture

Main Concept

READ THIS FIRST

Adaptive bed mesh is merged into klipper master branch. You can use this feature without this custom macro. Official klipper adaptive bed mesh

Klipper mesh on print area only install guide

What this macro do

This macro will dynamically changing the bed mesh area based on the size of the parts will be printed. The fw will only probe on the area that the part will be printed (plus mesh_area_offset value)

Gstreamer Pipeline Samples
Media File

Gstreamer Pipeline Samples

Table of Contents:

Gstreamer Pipeline Samples
- Tips for Debug
- Video
  - display test video
  - record to file
record and display at the same time(queue)

Tailwind CSS best practices

Utility classes

When writing a string of multiple utility classes, always do so in an order with meaning. The "Concentric CSS" approach works well with utility classes (i.e,. 1. positioning/visibility 2. box model 3. borders 4. backgrounds 5. typography 6. other visual adjustments). Once you establish a familiar pattern of ordering, parsing through long strings of utility classes will become much, much faster so a little more effort up front goes a long way!
Always use fewer utility classes when possible. For example, use mx-2 instead of ml-2 mr-2 and don't be afraid to use the simpler p-4 lg:pt-8 instead of the longer, more complicated pt-4 lg:pt-8 pr-4 pb-4 pl-4.
Prefix all utility classes that will only apply at a certain breakpoint with that breakpoint's prefix. For example, use block lg:flex lg:flex-col lg:justify-center instead of block lg:flex flex-col justify-center to make it very clear that the flexbox utilities are only applicable at the

How to setup next.js app on nginx with letsencrypt/getssl

next.js, nginx, reverse-proxy, ssl

Next.js package setup

Your server.js file should look like the following. Make sure you're serving static files!

const { createServer } = require('http');
const { parse } = require('url');
const next = require('next');

	// ==UserScript==
	// @name eBay Kleinanzeigen - Anzeige duplizieren / neu einstellen
	// @namespace https://github.com/J05HI
	// @description Bietet eine "Anzeige duplizieren / neu einstellen" Funktion beim Bearbeiten einer vorhandenen Anzeige in eBay Kleinanzeigen.
	// @icon http://www.google.com/s2/favicons?domain=www.kleinanzeigen.de
	// @copyright 2024, J05HI (https://github.com/J05HI)
	// @license MIT
	// @version 1.4.0
	// @match https://www.kleinanzeigen.de/p-anzeige-bearbeiten.html*
	// @grant none