Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing ztunes, a brand new Zero starter built on TANSTACK, Drizzle ORM,and Better Auth. Featuring: - Instant (0ms) navigation, mutations, and search - Significant dataset (100k artists from 1990's) - Personalization - < 1s LCP - Super elegant TanStack integration - Easy deployment to Fly.io Much more detail to...

68,036 Aufrufe • vor 1 Jahr •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Obsidian 1.11 is now available for desktop and mobile! Mobile: - The interface has been refreshed to improve the editing and reading experience. - Lock Screen, Control Center, and Home Screen widgets let you quickly create a new note, open a specific note, open daily note, open search, or open Obsidian. - When scrolling down in a note, the navigation hides to maximize screen space for reading. - New sidebar navigation for switching sidebar tabs and actions, aligned to the bottom for better ergonomics. - Added double-tap to switch a note from reading mode to editing mode. iOS - Shortcuts to open a note, open daily note, capture to a note. Capture shortcuts allow you to append or prepend text to a note, without opening the Obsidian app. - Siri integration such as "Capture using Obsidian", "Capture to Obsidian", "Open my daily note in Obsidian", "Search in Obsidian". -Searching for Obsidian in Spotlight shows additional actions: New Note, Search, and Daily Note. Android - New widgets: Open Note, New Note, Search, Daily Note, Open Obsidian. You can add multiple widgets of the same type to open different files, or trigger different search queries. - Quick Settings Tile and new shortcuts: Open note, Daily note. Editor - Markdown links are now supported in text and list properties. Internal links are automatically updated when the destination file is moved or renamed. - When text is selected, pasting a URL into the editor will convert the selection into a Markdown link using the URL. Settings - New "Keychain" settings section for storing plugin secrets. A guide for plugin developers is published in our docs. - Added icons to settings sections. - Community Plugins › Automatically check for plugin updates. Obsidian will check for plugin updates in the background every 3 days, or after the app updates. - New setting Files & links › Default file to open. Choose between "Last opened files", "New note", "Specific note", or "Daily note". - The daily note format can be selected from a list of predefined formats. Obsidian URI - New, open, and daily URI actions now support a new paneType param.

Obsidian

191,518 Aufrufe • vor 6 Monaten

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

Lee Robinson

118,242 Aufrufe • vor 1 Jahr