jorgeadev

<?xml version="1.0" encoding="utf-8"?>
<registrySnapshot xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <user>S-1-5-21-4010432545-2485811193-966787038-1000</user>
  <keys>
    <key installerType="Msi" displayName="SquirrelDisk" displayVersion="0.3.4">
      <RegistryView>Registry64</RegistryView>
      <KeyPath>HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Uninstall\{B9875F98-0F9E-42DB-9A57-279AA8A90CC1}</KeyPath>
      <DefaultValue />
      <InstallLocation><![CDATA[C:\Program Files\SquirrelDisk\]]></InstallLocation>
      <UninstallString><![CDATA[MsiExec.exe /X{B9875F98-0F9E-42DB-9A57-279AA8A90CC1}]]></UninstallString>

jorgeadev

🌳 Git Branching Strategy & Naming Convention

This document defines the official branching strategy and naming conventions for this repository.

The goal is to keep the workflow clean, predictable, and scalable, while making collaboration and CI/CD easier.

---

🎯 General Rules

jorgeadev

Reflecting Database Changes in the UI - Next.js Best Practices

There are several ways to reflect database changes in the UI in Next.js. Here are the correct approaches:

1. revalidatePath() - Best for Server Actions ✅ (Recommended)

Use this inside your server action to invalidate the cache for a specific path:

"use server";

jorgeadev

Crear un monorepo con configuraciones compartidas, una aplicación Next.js, Prisma ORM con PostgreSQL y despliegue en Vercel implica el uso de herramientas como Turborepo o pnpm workspaces para gestionar el repositorio y Vercel/Prisma para la base de datos y el despliegue.  Aquí tienes una guía completa paso a paso:

I. Configuración Inicial del Monorepo

Utilizaremos Turborepo y pnpm workspaces como base para el monorepo. 

1. Instalar pnpm (si no lo tienes):

npm install -g pnpm

2. Crear el monorepo con Turborepo:

jorgeadev

export const metadata: Metadata = {
 title: "Legacy Upscale - Enhance Your Images with AI",
 description: "Legacy Upscale uses cutting-edge AI to upscale and enhance your images effortlessly. Try it now for stunning results.",
 keywords: ['AI image upscaling', 'image enhancement', 'photo editing', 'Legacy Upscale', 'AI tools'],
 authors: [{ name: 'Your Name', url: 'https://yourdomain.com' }],
 openGraph: {
  title: 'Legacy Upscale - Enhance Your Images with AI',
  description: 'Discover Legacy Upscale, the ultimate AI-powered tool for image enhancement and upscaling. Perfect for photographers and designers.',
  url: 'https://yourdomain.com',
  siteName: 'Legacy Upscale',

jorgeadev

Oh no! The frogs are all squeezed onto a single row of lilypads. Spread them out using the flex-wrap property, which accepts the following values:

• nowrap: Every item is fit to a single line.
• wrap: Items wrap around to additional lines.
• wrap-reverse: Items wrap around to additional lines in reverse.

The two properties flex-direction and flex-wrap are used so often together that the shorthand property flex-flow was created to combine them. This shorthand property accepts the value of the two properties separated by a space.

For example, you can use flex-flow: row wrap to set rows and wrap them.

jorgeadev

To update all outdated pip packages in Windows run:

python -m pip freeze | % { $_.split('==')[0] } | %{ python -m pip install --upgrade $_ }

jorgeadev

🧠 Git Cheat Sheet: Removing and Unstaging Files

📌 Unstage a File but Keep It

If you've added a file with git add but haven't committed it yet, and you want to remove it from the next commit without deleting it from your working directory, use:

git restore --staged <file>

git restore --staged config.json

jorgeadev

<div class="min-h-screen flex flex-col">
    <header class="bg-red-50">Header</header>
    <div class="flex-1 flex flex-col sm:flex-row">
        <main class="flex-1 bg-indigo-100">Content here</main>
        <nav class="order-first sm:w-32 bg-purple-200">Sidebar</nav>
        <aside class="sm:w-32 bg-yellow-100">Right Sidebar</aside>
    </div>
    <footer class="bg-gray-100">Footer</footer>
</div>

jorgeadev

import { IBreadcrumbItem } from "@/types";
import { ReactNode } from "react";
import Link from "next/link";

export const BreadcrumbItem = ({ children, href, isRoot, isCurrent }: IBreadcrumbItem)
:
ReactNode => {
	return (
		<>
			{ !isRoot && (<span className="opacity-50" aria-hidden="true">/</span>) }