ekaone

"use client";

import { useRouter } from "next/navigation";
import type { ReactNode } from "react";
import { useCallback, useEffect, useState } from "react";

interface ProximityPrefetchProps {
  children: ReactNode;
  threshold?: number;
  predictionInterval?: number;

ekaone

Next.js Starters

A list of CLI generators, starter kits / boilerplates and toolkits to kick start your Next.js apps.

• What is included in this list:
  • Has ~1K+ Github stars
  • Actively maintained / up to date
  • Includes a style / css solution or UI Framework
  • Includes a database
• Includes authentication / authorization

ekaone

import ollama
import time

def read_file(file_path):
    """
    Reads the content of a file and decodes it using the 'latin-1' encoding.
    
    Args:
    file_path (str): The path to the file to be read.
    

ekaone

{ name: 'Lighting', options: [
  'golden hour, warm glow'
  'blue hour, twilight, ISO12000'
  'midday, direct lighting, overhead sunlight'
  'overcast, whitebox, flat lighting, diffuse'
  'dreamlike diffuse ethereal lighting'
  'dramatic lighting, dramatic shadows, illumination'
  'studio lighting, professional lighting, well-lit'
  'flash photography'
  'low-key lighting, dimly lit'

ekaone

import redis from '@/lib/redis'
import { tap } from '@/lib/utils'
import { NextResponse } from 'next/server'
import { NowPlaying } from '@/types/activities'
import { base64_encode, use } from '@/lib/utils'

type SpotifyResponse = {
	is_playing: boolean
	progress_ms: number
	item: {

ekaone

// Note: this gist is a part of this OSS project that I'm currently working on: https://github.com/steven-tey/dub

export default async function getTitleFromUrl (url: string) {
  const controller = new AbortController();
  const timeoutId = setTimeout(() => controller.abort(), 2000); // timeout if it takes longer than 2 seconds
  const title = await fetch(url, { signal: controller.signal })
    .then((res) => {
      clearTimeout(timeoutId);
      return res.text();
    })

ekaone

Next.js client-only SPA example

Made this example to show how to use Next.js router for a 100% SPA (no JS server) app.

You use Next.js router like normally, but don't define getStaticProps and such. Instead you do client-only fetching with swr, react-query, or similar methods.

You can generate HTML fallback for the page if there's something meaningful to show before you "know" the params. (Remember, HTML is static, so it can't respond to dynamic query. But it can be different per route.)

Building

ekaone

GitHub Actions Cheat Sheet

Table of Contents

• Table of Contents
• Helpful GitHub pages
• action.yml
• General
• Filesystem
• Getting information
  • Inputs

ekaone

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 12,

    // font family with optional fallbacks
    fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248,28,229,0.8)',

ekaone

import React from 'react'
import {
  ThemeProvider,
  theme,
  ColorModeProvider,
  CSSReset,
  Box,
  Flex,
  IconButton,
  useColorMode,