DEV Community: EmmaDSCodes

My favourite zsh/bash shortcuts (functions and aliases)

EmmaDSCodes — Wed, 08 Jul 2026 21:43:31 +0000

Introduction

My zsh profile is over 1000 lines at this point. A lot of that is functions I asked AI to generate for me, since it's fast, portable, and saves me a ton of typing.

Here's the thing though: the shortcuts that save me the most time aren't the clever ones. They're the dumb ones. Things like clone instead of git clone && cd, or dir instead of mkdir -p && cd. Each one only saves a second or two, but I run them so often that it adds up fast.

These are in no particular order, just the ones I reach for constantly.

Git aliases for common commands

A few one-liners I have set up as plain aliases:

alias gcp="git cherry-pick"
alias git-append="git commit --amend --no-edit -a"

gcp is self-explanatory. git-append amends the last commit with your currently staged (and unstaged, thanks to -a) changes without touching the commit message. Great for fixing up a commit you just made before you push.

Create a branch or switch to it if it already exists

One of my most-used functions. Normally you have to remember whether a branch exists before deciding between git checkout <branch> and git checkout -b <branch>. This just does the right thing either way:

gb() {
  if git rev-parse --verify --quiet "$1" >/dev/null; then
    git checkout "$1"
  else
    git checkout -b "$1"
  fi
}

Nuke all local changes to reset the working tree

When an experiment goes sideways or I just want to throw everything away and start clean, I run nah:

nah() {
  git reset --hard
  git clean -df
  if [ -d ".git/rebase-apply" ] || [ -d ".git/rebase-merge" ]; then
    git rebase --abort
  fi
}

This resets tracked changes, removes untracked files and directories. No confirmation prompt, so use it carefully.

Print recent commits as ready-to-paste cherry-pick commands

Useful when you need to cherry-pick a batch of commits from one branch onto another in order:

logs() {
  if [[ -z "$1" || "$1" =~ [^0-9] ]]; then
    echo "Usage: logs <number_of_commits>"
    return 1
  fi
  git log -n "$1" --reverse --pretty=format:"gcp %h"
}

Run logs 5 and you get the last 5 commits printed oldest to newest, each one already formatted as gcp <hash> (using the alias from above). Copy, paste, done.

Create a directory and cd into it in one step

This is the one I mentioned that barely saves any time per use, but I run it constantlyn and the time save compounds:

dir() { mkdir -p "$1" && cd "$1"; }

Make mkdir always create parent directories

I got tired of hitting "No such file or directory" errors from mkdir when the parent folder didn't exist yet, so I just overrode the default behavior globally:

mkdir() {
  command mkdir -p "$@"
}

Now mkdir always behaves like mkdir -p.

Open nano and auto-create missing parent directories

Same idea as the mkdir override, but for opening a file in nano when the folder it lives in doesn't exist yet:

nano() {
  if [ $# -eq 0 ]; then
    command nano
  else
    dir=$(dirname "$1")
    if [ ! -d "$dir" ]; then
      mkdir -p "$dir"
    fi
    command nano "$@"
  fi
}

Safely replace a file's contents by moving the original to trash first

Instead of overwriting a file and losing the original, replace moves it to ~/.Trash first and then opens a fresh file with the same name in nano:

replace() {
  if [[ $# -ne 1 ]]; then
    echo "Usage: replace <file>" >&2
    return 1
  fi
  local file="$1"
  if [[ ! -f "$file" ]]; then
    echo "Error: '$file' not found or not a file" >&2
    return 1
  fi
  mkdir -p ~/.Trash
  mv "$file" ~/.Trash/
  nano "$file"
}

But mainly this saves me from runing "rm && nano " which I often do when replacing a file from an AI chat or similar. If you need the original back, it's sitting in ~/.Trash.

Convert HEIC images to JPG or PNG

iPhone photos default to HEIC, which isn't great for sharing or uploading. These two functions batch-convert them using ImageMagick:

heic2jpg() {
  if [ $# -eq 0 ]; then
    echo "Usage: heic2jpg file1.heic [file2.heic ...]"
    return 1
  fi
  for f in "$@"; do
    if [ ! -f "$f" ]; then echo "Not found: $f"; continue; fi
    magick "$f" "${f%.*}.jpg"
  done
}

heic2png() {
  if [ $# -eq 0 ]; then
    echo "Usage: heic2png file1.heic [file2.heic ...]"
    return 1
  fi
  for f in "$@"; do
    if [ ! -f "$f" ]; then echo "Not found: $f"; continue; fi
    magick "$f" "${f%.*}.png"
  done
}

Both take any number of files, so heic2jpg *.heic works fine.

Batch convert images to WebP

For getting images web-ready, this wraps img2webp with sensible defaults and skips anything that isn't actually a file:

img2webp() {
  if [[ $# -eq 0 ]]; then
    echo "Usage: img2webp <file.png> [file2.png ...] or img2webp *.png"
    return 1
  fi

  for input in "$@"; do
    if [[ ! -f "$input" ]]; then
      echo "Skipping: '$input' is not a file"
      continue
    fi
    local output="${input%.*}.webp"
    echo "Converting: $input → $output"
    command img2webp -lossy -q 80 "$input" -o "$output"
  done
}

Runs at quality 80, lossy, which is a good default for most web use cases. Saves a TON of storage space and bandwidth

A few misc aliases

Small ones I use daily without thinking about them:

alias pest="./vendor/bin/pest"
alias python="python3" # For AI commands expecting it
alias py="python3" # For me when I'm lazy

The pest alias saves typing out the full vendor binary path every time I want to run tests. The python/py aliases exist because plenty of AI-generated commands assume python points to Python 3, and half the time I'm too lazy to type the 3 myself anyway.

Conclusion

None of these are groundbreaking on their own. But that's kind of the point: the small, boring shortcuts you run 50 times a day save you more time overall than the clever ones you run once a week. If you're not already keeping a running file of these for yourself, start one. Every time you catch yourself typing the same thing twice, that's a candidate.

I asked Claude Fable 5 to build a HydePHP site. It invented an airline.

EmmaDSCodes — Sun, 05 Jul 2026 18:24:23 +0000

Editor's note

Everything after this section was written by an AI. Don't stop reading. I know most of us are bored of AI written content, but I assure you, this one is different. I want you to give it a chance. And I'm about to tell you why.

If you have any interest in AI, you've heard about Claude Fable, a safer version of the Mythos model, which is genuenly blowing users across domains away. I wanted to try Fable out to create a new HydePHP demo website to show off some more advanced features.

It delivered. Not only did it create a stunning website with a unique design that does not have the classic AI generated website feel, but it also created the following blog post, and a high quality promo video uploaded on YouTube you can even hear sound effects that Fable synthesised.

Try out the demo site at nordlys.hydephp.site and let us know your thoughts on Twitter/X. With that said, everything below this text is straight from Fable. Please enjoy!

Emma De Silva, Creator of HydePHP

Letting Claude Drive

HydePHP has had a few demo sites over the years¹ — a recipe blog, a photography
portfolio, a scout troop site. They're fine.² They show the basics. But none of them
really flexes the parts of Hyde we're proudest of: DataCollections feeding Blade
pages, custom components, the docs module living side by side with a blog, all of it
compiling down to plain static HTML.

So we ran an experiment: give Claude Fable 5 the brief and see what comes back. The
brief was short — build a demo that shows off Hyde's advanced features, and don't
give it that generic AI-generated look. What came back is Nordlys Air,
a fictional bush airline flying six routes above the Arctic Circle, complete with a
live split-flap departures board, engineering-drawing aircraft profiles, and a crew
operations manual.

Why a fictional airline?

The clever part of the concept isn't the theme — it's how neatly the theme maps onto
Hyde's page types. An airline has data (routes, aircraft), stories (a flight
journal), and procedures (an operations manual). That's DataCollections, the posts
module, and the documentation module, each doing the job it was designed for instead
of being demoed in isolation:

Every row on the departures board is a YAML file in resources/collections/routes/.
Every fleet spec sheet is a YAML file in resources/collections/fleet/.
The Flight Journal is three Markdown posts with authors, categories, and RSS.
The Operations Manual is the docs module with its automatic sidebar and search — written in-character, down to the Ny-Ålesund radio silence procedures.

Add a fourth aircraft by adding a fourth YAML file. The register page, the homepage
cards, and the navigation update themselves on the next build. That's the pitch for
static site generators in one sentence, and now it's the pitch for the demo too.

The detail we didn't expect: a build-time split-flap board

The centrepiece of the homepage is an animated split-flap departures board, and the
implementation is the most Hyde-flavoured thing on the site. Claude didn't render
the board with JavaScript. It wrote a Blade component, x-flap-text, that splits
each cell's text into character <span>s at build time:

@foreach(DataCollection::yaml('routes')
    ->sortBy(fn ($route) => $route->get('departs')) as $route)
  <x-flap-row :route="$route" />
@endforeach

The full timetable ships in the static HTML — readable with JavaScript disabled,
crawlable, accessible. The site's only script is a two-kilobyte vanilla file that
animates the spans already on the page and runs the hub clock, with
prefers-reduced-motion respected. No framework, no hydration, no build pipeline
beyond php hyde build. It's the static-first philosophy applied to a component
that usually gets thrown at a JavaScript library by reflex.

On not looking AI-generated

We were explicit that the design shouldn't have the interchangeable AI-website look —
the purple gradients, the glassmorphism cards, the Inter-font-and-emoji sameness.
Claude's answer was to pick a specific, researchable design tradition and commit to
it: mid-century printed airline timetables. Cool ice-paper background, petrol ink,
one international-orange accent, ruled lines like a printed schedule, boarding-pass
cards with perforated stubs, and type set in Bricolage Grotesque and IBM Plex Mono.

The aircraft on the site aren't stock photos or generated images — they're original
schematic SVG line drawings, Twin Otter and Dash 8 side profiles with orange
dimension lines, drawn path by path. The route network is a hand-projected polar
azimuthal chart. Both live as reusable Blade components, so the fleet YAML just
says drawing: twin-otter and the page pulls in the right SVG with
<x-dynamic-component>.

What working with Fable 5 was actually like

A few observations from the process, for anyone curious about the workflow:

It verified the framework against the source. Before writing a line of Blade,
it cloned the hyde/hyde skeleton and the documentation repo and checked the real
v2 APIs — DataCollection::yaml(), the navigation menu via app('navigation.main'),
the Author::create() config syntax. The demo isn't written from a fuzzy memory of
Hyde; it's written against Hyde as it ships today. (It also caught that mb_str_pad
is PHP 8.3+ while our composer.json allows 8.2, and wrote the multibyte padding
by hand instead. We noticed.)

It wrote the content, not just the code. The journal posts are actual essays —
a captain's field notes from the midnight sun run to Ny-Ålesund, a love letter to
the 04:10 de-icing crew. The operations manual reads like an operations manual. A
demo site lives or dies on whether the content feels real, and lorem ipsum was never
on the table.

It kept the site honest. The footer of every page says it: Nordlys Air is
fictional. The northern lights are real. And the homepage ends with an "under the
floorboards" section that shows the project's file tree and the actual Blade loop
powering the board — because a demo site's real job is to make you think "oh, I
could build that."

Try it yourself

The full project is available as a standard Hyde repository — clone it, run
composer install && php hyde build, and poke around. Change a route's status in
its YAML file and rebuild to watch the board update. Add an aircraft. Break the
timetable. That's what it's for.

And if you build something with Hyde — with or without an AI copilot — we'd love
to see it.

Footnotes

These are the footnotes added by the human editor to point out issues in the AI text.

Also, the source code is at github.com/hydephp/nordlys-demo and the live preview is at nordlys.hydephp.site.

Technically we just launched the recipe and scout sites a few days before. ↩
Hey! I kinda like them. I mean check out Lemonade Days - it's so summery! ↩

HydePHP Version v2.0 Released

EmmaDSCodes — Mon, 06 Oct 2025 15:30:56 +0000

Overview

HydePHP v2.0 is now available for download!

After two years of development and refinement, the HydePHP team is thrilled to announce the release of version 2.0. This is our most significant update yet, representing a major evolution of the framework with modernized frontend tooling, a completely redesigned navigation system, and countless improvements to the developer experience.

The new version was unveiled and released live on stage by HydePHP creator Emma De Silva at the Laravel Meetup Stockholm, on October 1st 2025.

What's New in v2.0

Modern Frontend Tooling with Vite

We've replaced Laravel Mix with Vite, bringing you a faster and more modern development experience:

Instant Hot Module Replacement for real-time updates during development
Seamless Blade template integration with the new Vite facade
Tailwind V4 support with easy upgrade tool

Simply run npm run build (replacing the old npm run prod command) to compile your assets.

Redesigned Navigation API

The navigation system has been completely rewritten from the ground up for maximum flexibility:

YAML configuration support for defining navigation items
Extra attributes for custom styling and behavior
Improved Routes facade with Laravel-consistent naming conventions
Natural priority ordering using numeric prefixes in filenames
Enhanced sidebar management with better organization options

Enhanced Asset Management

The new consolidated Asset API provides a more intuitive interface for handling media files:

MediaFile instances with fluent methods like getLink(), getLength(), and getMimeType()
Intelligent caching with CRC32 hashing for improved performance
Automatic validation to prevent missing assets from going unnoticed
Lazy-loaded metadata for optimal resource usage

Better Documentation Features

Documentation pages now benefit from several powerful enhancements:

Alpine.js-powered search with customizable implementation
Blade-based table of contents that's 40x faster than before
Custom heading renderer with improved permalink handling
Colored blockquotes now using Tailwind CSS classes
Dynamic source file links in Markdown documents

Improved Blog Posts

The blog system receives significant upgrades:

Simplified image front matter with new "caption" field
Date prefixes in filenames for automatic publishing dates
Enhanced author system with biographies, avatars, and social media links

Technical Improvements

HydePHP v2.0 brings several important technical upgrades:

PHP 8.4 support and Laravel 11 compatibility
Vite integration with HMR support in realtime compiler
Tailwind CSS v4 with automated upgrade tools
ESM module support for modern JavaScript development
40x faster table of contents generation using Blade components
Lazy-loaded media metadata with in-memory caching
Enhanced data collections with syntax validation

Upgrading to v2.0

We recommend that all users upgrade to take advantage of these improvements. Before upgrading, ensure your application is running HydePHP v1.6 or later (ideally v1.8) to ease the migration process.

Key Migration Steps

Upgrade Tailwind CSS: Run npx @tailwindcss/upgrade to migrate to v4
Update JavaScript: Migrate custom JavaScript to ESM modules
Update Configuration: Update features to use enum values and navigation to array format
Update Build Command: Replace npm run prod with npm run build in your workflow

The upgrade process involves some breaking changes, particularly around the asset system, navigation configuration, and frontend tooling. We've prepared comprehensive documentation to guide you through each step.

For detailed upgrade instructions and a complete migration checklist, please refer to the upgrade guide in our documentation.

Breaking Changes

As a major version release, v2.0 includes several breaking changes:

Tailwind CSS upgraded from v3 to v4
Frontend tooling migrated to ESM modules
Navigation configuration format updated to array-based structure
Asset API methods now return MediaFile instances
Routes facade methods renamed to follow Laravel conventions
Blog author system significantly improved with new configuration format

While these changes require some migration work, they set a solid foundation for future development and provide a much better developer experience overall.

What's Next

With v2.0 released, we're excited about the future of HydePHP. We'll continue to focus on:

Improving documentation and learning resources
Enhancing the developer experience
Building new features based on community feedback
Maintaining compatibility with the latest Laravel and PHP versions

Get Started Today

Ready to upgrade or start a new project with HydePHP v2.0? Install it via Composer:

composer require hyde/framework:^2.0

For new projects, we recommend using the HydePHP installer:

composer create-project hyde/hyde

Resources

Documentation: hydephp.com/docs/2.x
Upgrade Guide: hydephp.com/docs/2.x/upgrade-guide
Full Changelog: github.com/hydephp/develop/releases/tag/v2.0.0
GitHub Repository: github.com/hydephp/hyde
Discord Community: discord.hydephp.com

Thank You

A huge thank you to everyone who contributed to this release through code, bug reports, feedback, and community support. HydePHP wouldn't be possible without this amazing community.

We encourage all users to upgrade to this latest version and explore the new features. As always, we welcome your feedback and contributions to make HydePHP even better. Please report any issues you find on GitHub, and share your thoughts on Twitter/X using the hashtag #HydePHP or by tagging us at @HydeFramework.

Happy building with HydePHP v2.0!

Hackathon: HydePHP is Joining ODHack #14

EmmaDSCodes — Wed, 28 May 2025 19:30:04 +0000

Are you ready to build something amazing?

We're excited to announce that HydePHP is officially participating in ODHack #14, running from May 28 to June 4, 2025! This is a fantastic opportunity for developers of all skill levels to contribute to our open-source static site generator and help shape the future of modern web development.

What is ODHack #14?

ODHack is OnlyDust's monthly hackathon that connects developers with meaningful open-source projects. It's more than just a coding competition – it's a chance to contribute to real-world projects, build your developer portfolio, and connect with a thriving community of passionate developers from around the globe.

With over 1,571 issues across 547 repositories, ODHack #14 offers something for everyone, whether you're a seasoned developer or just starting your open-source journey.

Why Contribute to HydePHP?

HydePHP is a powerful, elegant static site generator built with PHP that makes creating beautiful, fast websites a breeze. By contributing to HydePHP during ODHack #14, you'll be:

Working on cutting-edge technology: Help improve a modern static site generator that's used by developers worldwide
Making a real impact: Your contributions will directly benefit the HydePHP community and ecosystem
Building valuable skills: Gain experience with PHP, Laravel ecosystem tools, and modern web development practices
Joining a welcoming community: Our maintainers are committed to helping contributors succeed

What's in Store for Contributors

We've prepared an exciting mix of contribution opportunities specifically for ODHack #14:

Good First Issues
Perfect for newcomers or those new to HydePHP! We have several beginner-friendly issues including:

Supporting "excerpt" as an alias for "description" in blog post schema
Adding namespaced functions for helper methods
Fixing UI glitches and improving user experience

Beta Testing HydePHP v2.0
Here's something special – HydePHP v2.0 is launching next month, and we need your help testing it! Contributors will get exclusive early access to:

Test new features and provide feedback
Report bugs and help us polish the release
Be among the first to experience the next generation of HydePHP

Creative Showcase Projects
Let your creativity shine! We're looking for contributors to build impressive demo websites using HydePHP v2.0. The best demos will be:

Featured on the official HydePHP website
Used to showcase the framework's capabilities
A source of valuable feedback for our v2.0 release

Featured Issues to Get You Started

We've tagged several issues specifically for ODHack #14 participants. You can find them in the HydePHP repository with the ODHack14 label.

Each issue includes detailed descriptions, acceptance criteria, and guidance to help you get started quickly.

How to Get Involved

Ready to join the fun? Here's how to participate:

Register for ODHack #14 at contribute.onlydust.com
Browse HydePHP issues tagged with ODHack14
Apply to work on issues that match your interests and skill level
Join our community - Connect with other contributors and maintainers
Start contributing - Submit your pull requests and make your mark!

Join Our Community

Contributing to open source is more rewarding when you're part of a supportive community. Join us on:

GitHub: Follow our repository and engage with issues
Discussions: Share ideas and get help from maintainers and fellow contributors
Discord: Real-time chat with the HydePHP community

Ready to Build Something Amazing?

Whether you're looking to fix your first bug, test cutting-edge features, or create stunning demo sites, HydePHP's participation in ODHack #14 offers the perfect opportunity to dive into open source development.

The hackathon runs until June 4th, giving you a full week to make meaningful contributions, learn new skills, and connect with developers worldwide. Every contribution matters, no matter how big or small!

Join ODHack #14 now and let's build the future of static site generation together. We can't wait to see what you'll create with HydePHP!

Happy coding, and welcome to the HydePHP community! 🚀

Demystifying the TailwindCSS `bg-current` utility class

EmmaDSCodes — Fri, 15 Nov 2024 18:54:00 +0000

The bg-current utility class in TailwindCSS sets the background color of an element to the current text color. This means that the background will inherit the color defined by the text-color property of the element or its parent.

How It Works:

Inheritance: If you have a parent element with a specific text color (e.g., text-gray-700), using bg-current on a child element will make the background of that child element the same color as the text color of the parent.
Dynamic: This is particularly useful for creating components that need to adapt to different themes or color schemes without hardcoding specific colors. For example, if you switch from light mode to dark mode, the background will automatically change to match the new text color.

Example:

<div class="text-blue-500">
    <span class="bg-current">This background is blue!</span>
</div>

In this example, the background of the <span> will be blue because it inherits the text color from the parent <div>.

Benefits:

Consistency: Ensures that the background color is always consistent with the text color, which can be particularly useful for icons or buttons.
Ease of Use: Reduces the need to define multiple color classes for different states or themes, simplifying the styling process.

Using bg-current is a great way to maintain visual harmony in your design while leveraging Tailwind's utility-first approach.

Laravel Nightwatch: The Future of Laravel Application Monitoring Revealed at Laracon AU

EmmaDSCodes — Thu, 07 Nov 2024 10:24:41 +0000

Laravel's ecosystem continues to expand with the announcement of Laravel Nightwatch at Laracon AU - a sophisticated monitoring platform specifically engineered for Laravel applications. Set for early access in Q1 2025, Nightwatch promises to revolutionize how developers monitor and maintain their Laravel applications.

A New Era of Laravel Monitoring

Laravel Nightwatch represents a significant advancement in application monitoring, developed by the same team behind Laravel Cloud, Forge, Vapor, and Nova. This platform stands out by offering context-aware monitoring that understands Laravel's internal workings, providing insights that generic monitoring solutions simply cannot match.

Key Features

Zero-Configuration Monitoring: Nightwatch automatically detects and tracks application activities without complex setup procedures
Intelligent Log Management: Advanced log ingestion and analysis specifically optimized for Laravel applications
Real-Time Performance Tracking: Immediate insights into application performance metrics
Automated Alert System: Smart notifications for critical issues
Cross-Platform Compatibility: Works seamlessly with all hosting platforms including Laravel Cloud, Forge, Vapor, and custom infrastructure

Why Nightwatch Matters

Traditional monitoring solutions often require developers to piece together multiple tools and wade through endless logs to understand their application's health. Nightwatch aims to eliminate this complexity by providing a unified, Laravel-focused monitoring solution that delivers meaningful insights out of the box.

Availability and Pricing

While early access is scheduled for Q1 2025, Laravel has confirmed they're developing a pricing structure that will accommodate teams of all sizes - from individual developers to enterprise organizations. This commitment to accessibility ensures that comprehensive application monitoring won't be limited to just large-scale operations.

Looking Forward

The introduction of Nightwatch marks another milestone in Laravel's journey to provide developers with best-in-class tools for building and maintaining web applications. As Taylor Otwell, Laravel's creator, puts it: "We're not here to add another dashboard to your toolkit — we're here to redefine how you understand your Laravel application."

Getting Started

Interested developers can join the waitlist at nightwatch.laravel.com to be among the first to experience Laravel Nightwatch when it launches in early 2025.

Stay tuned for more updates as we approach the early access release of Laravel Nightwatch in 2025.

New `@bool` Blade directive in Laravel!

EmmaDSCodes — Sun, 20 Oct 2024 16:38:32 +0000

The new `@bool` Blade directive

Laravel's Blade templating engine is getting a handy new feature: the @bool directive. This allows you to directly print boolean values into strings or use them in object construction, making your JavaScript integrations cleaner and more efficient.

Here's how you can use it:

<script>
    let config = {
        isActive: @bool($isActive),
        hasAccess: @bool($hasAccess)
    };
</script>

When compiled, this Blade code will output clean JavaScript:

<script>
    let config = {
        isActive: true,
        hasAccess: false
    };
</script>

Use cases

The @bool directive is particularly useful in several scenarios:

JavaScript configuration objects
Alpine.js data binding
HTML attributes requiring boolean values

For instance, with Bootstrap:

<button aria-haspopup="@bool($hasPopup)" aria-expanded="@bool($isExpanded)">
    Dropdown button
</button>

Availability & PR

While this feature isn't released yet, it's expected to be available soon. Keep an eye on Laravel's official channels for the announcement. In the meantime, check out the merged PR on GitHub! https://github.com/laravel/framework/pull/53179

Conclusion

The @bool directive is a small but powerful addition to Blade that will make working with boolean values in your templates much more convenient.

If any part of this post was helpful, please let me know and give me a follow on Twitter/X where I'm @CodeWithCaen

Quick Tip: Git Undo Commands

EmmaDSCodes — Thu, 17 Oct 2024 19:38:49 +0000

To undo changes in Git, you can use the following commands, depending on what you want to undo:

Method 1: Undo uncommitted changes in the working directory:

git checkout -- <file>

Method 2: Unstage a staged file:

git reset <file>

Method 3: Undo the last commit but keep changes:

git reset --soft HEAD~1

Method 4: Undo the last commit and discard changes:

git reset --hard HEAD~1

Bonus: Reset to the remote tracking branch

git reset --hard origin/$(git rev-parse --abbrev-ref HEAD)

Choose the command based on your requirement. Always be cautious with --hard as it irreversibly deletes changes.

Support HydePHP and Double Your Impact!

EmmaDSCodes — Thu, 17 Oct 2024 19:36:36 +0000

Double Your Donation to HydePHP!

We're excited to share an opportunity to support HydePHP and make your contribution go even further!

Simon Hamp (@simonhamp) has launched a generous matching donation campaign for open-source projects. Here's how you can participate and help HydePHP:

Donate any amount to HydePHP's OpenCollective.
Send your donation receipt to Simon Hamp.
Simon will match your donation up to $10!

This is a fantastic chance to double your impact and support the ongoing development of HydePHP, the Laravel-based static site generator.

Why Support HydePHP?

Your contributions help cover hosting costs, development tools, and enable us to create more resources for the community. Every donation, no matter the size, makes a difference.

Ready to Support HydePHP and Open Source?

Simon's campaign aims to raise $2,000 for 100 open-source projects. Let's make sure HydePHP is one of them! Donate today and help us continue improving the HydePHP experience for everyone.

Thank you for your support and for being part of the HydePHP community!

Escape the Drama: Why HydePHP is Your WordPress Alternative

EmmaDSCodes — Sun, 13 Oct 2024 22:49:55 +0000

The WordPress Drama

As the WordPress ecosystem faces unprecedented turmoil, many developers and site owners are reconsidering their platform choices. The recent conflict between WordPress co-founder Matt Mullenweg and WP Engine has highlighted issues of control, contribution, and commercialization within the WordPress community. This drama serves as a wake-up call: it's time to explore alternatives that prioritize simplicity, independence, and developer empowerment.

Enter HydePHP: A Breath of Fresh Air

HydePHP emerges as a compelling alternative for those seeking to break free from the complexities and controversies of WordPress. Let's explore why HydePHP might be the perfect solution for your next project.

1. Content-First Philosophy

HydePHP embraces a content-first approach, allowing you to focus on what matters most: your writing. With Markdown support, you can create blog posts, documentation pages, and static HTML pages without getting bogged down in complex markup or plugin configurations.

2. Simplicity Without Sacrifice

Unlike WordPress's steep learning curve and plugin dependencies, HydePHP offers a streamlined development experience. It combines a framework, static site builder, and starter template into one cohesive package. This means you can get started quickly without sacrificing the ability to customize your site as your needs evolve.

3. Lightning-Fast Performance

As a static site generator, HydePHP produces websites that are inherently fast and scalable. By eliminating the need for databases and server-side rendering, your site can be served from global CDNs, resulting in blazing-fast load times and improved user experience.

4. Enhanced Security and Stability

With no database to maintain or complex backend to secure, HydePHP sites are significantly less vulnerable to common web attacks. This not only improves your site's security but also reduces the ongoing maintenance burden.

5. Cost-Effective Hosting

Static sites are incredibly cheap to host, with many providers offering free options. This can lead to substantial cost savings compared to traditional WordPress hosting, especially as your site scales.

6. Developer-Friendly Environment

Built on Laravel and using familiar tools like Blade and TailwindCSS, HydePHP provides a modern, enjoyable development experience. It strikes a balance between ease of use for beginners and flexibility for advanced users.

7. No Vendor Lock-In

Unlike the WordPress ecosystem, where your content can become entangled with themes and plugins, HydePHP keeps your content separate and portable. This gives you the freedom to evolve your site or even migrate to a different platform in the future.

Making the Switch

Transitioning from WordPress to HydePHP is straightforward:

Install HydePHP using Composer: composer create-project hyde/hyde
Migrate your content to Markdown files
Customize your templates and styles as needed
Build and deploy your static site

Conclusion

As the WordPress drama unfolds, it's clear that developers and content creators need alternatives that offer simplicity, speed, and independence. HydePHP provides all these benefits while maintaining the flexibility to grow with your needs.

By choosing HydePHP, you're not just selecting a tool; you're embracing a philosophy of content-first development, free from the complexities and controversies that can plague larger ecosystems. Give HydePHP a try for your next project, and experience the joy of building websites without the drama.

Ready to get started? Check out the HydePHP documentation and join a community focused on empowering developers and content creators alike.

Quick Tip: How To Use Blue Links in Tailwind Typography (Prose)

EmmaDSCodes — Fri, 27 Sep 2024 11:48:48 +0000

The Tailwind Typography plugin (that adds the .prose class) comes with a very opinionated link style. If you want the more classic one, it's easy to fix in the config. You can also go bold and use any other color of course. I'm going with Indigo for a sweet blue link.

theme: {
    extend: {
        fontFamily: {
            sans: ['Inter var', ...defaultTheme.fontFamily.sans],
        },
        typography: (theme) => ({
            DEFAULT: {
                css: {
                    a: {
                        color: theme('colors.indigo.600'),
                        textDecoration: 'none',
                        '&:hover': {
                            color: theme('colors.indigo.500'),
                        },
                    },
                },
            },
        }),
    },
},

And that's it!

HydePHP Explores AI in a Mind-Blowing Podcast Episode Generated by Artificial Intelligence

EmmaDSCodes — Sat, 21 Sep 2024 10:08:48 +0000

Diving Deep into the Future: HydePHP's AI-Generated Podcast

Hey, my name is Caen, I'm the creator of HydePHP. I'm always looking for innovative ways to showcase our technology and push the boundaries of what's possible in web development. Today, I am so excited to announce my latest experiment: an AI-generated podcast about HydePHP, created using the cutting-edge NotebookLM research assistant technology by Google.

The Power of AI Meets Static Site Generation

When I first encountered NotebookLM's AI podcast feature, I was completely blown away by its capabilities, and could not believe the demo I heard was made by AI. I just had to try it out for myself to see if it really was as good at it seems. And oh, it was.

The result? A unique, informative, and entirely AI-generated podcast that dives deep into the world of HydePHP, and that I just had to get up online for more people to hear. So that's what I did! A short evening later, we had a really cool podcast player live on the website. I'm really happy with it, and hope you will enjoy it too!

Listening to the Future

We're excited to share this AI-generated podcast with you. Head over to our showcase page to listen and experience the future of content creation.

What You'll Hear

In this AI-generated podcast, you'll discover:

An introduction to HydePHP and its core concepts
Key features that set HydePHP apart from other static site generators
The benefits of using HydePHP for your web projects
Real-world use cases and applications

The Technology Behind the Magic

This podcast was created using NotebookLM, an advanced AI project by Google. Live on our website is a podcast player I designed together with Claude Sonnet based on the amazing library Shikwasa, a sleek and feature-rich audio player designed specifically for podcasts. We also added a really nice live transcript feature. The transcript was generated by another AI, and proofed by me.

More Than Just a Gimmick

While the concept of an AI-generated podcast might seem like a novelty, we see it as a glimpse into the future of content creation and web development. By combining AI-generated content with our static site generator, we're exploring new ways to create engaging, informative websites with minimal effort, but with maximum impact for the humans that use them.

Additionally, this shows a great new way to retain information. Instead of just summarizing your research notes, you'll hear an engaging conversation by a dynamic duo that truly is memorable. Hearing this podcast made me excited to try HydePHP, and I'm the one who created it!

Try It Yourself

Inspired by our AI podcast experiment? Why not try creating your own AI-powered static site with HydePHP? Our platform is designed to be flexible and adaptable, making it the perfect canvas for your creative experiments.

Get started with HydePHP today and see where your imagination takes you! HydePHP is the elegant and powerful static site generator with the simplicity of Markdown and the power of Laravel. Learn more at HydePHP.com and on our GitHub repository.

Join the Conversation

We'd love to hear your thoughts on our AI-generated podcast. Did you find it informative? Entertaining? Maybe a bit of both? Share your feedback with us on Twitter/X or in our GitHub discussions.

At HydePHP, we're not just building websites – we're shaping the future of web development, one innovative feature at a time.

Ready to dive into the world of HydePHP? Get started now and join us on this exciting journey!

AI Usage Disclosure: In addition to the generated podcast being generated by Artificial Intelligence, this blog post was initially drafted by Claude Sonnet, and then proofed and rewritten by Caen, creator of HydePHP.

DEV Community: EmmaDSCodes

My favourite zsh/bash shortcuts (functions and aliases)

Introduction

Git aliases for common commands

Create a branch or switch to it if it already exists

Nuke all local changes to reset the working tree

Print recent commits as ready-to-paste cherry-pick commands

Create a directory and cd into it in one step

Make mkdir always create parent directories

Open nano and auto-create missing parent directories

Safely replace a file's contents by moving the original to trash first

Convert HEIC images to JPG or PNG

Batch convert images to WebP

A few misc aliases

Conclusion

I asked Claude Fable 5 to build a HydePHP site. It invented an airline.

Editor's note

Letting Claude Drive

Why a fictional airline?

The detail we didn't expect: a build-time split-flap board

On not looking AI-generated

What working with Fable 5 was actually like

Try it yourself

Footnotes

HydePHP Version v2.0 Released

Overview

What's New in v2.0

Modern Frontend Tooling with Vite

Redesigned Navigation API

Enhanced Asset Management

Better Documentation Features

Improved Blog Posts

Technical Improvements

Upgrading to v2.0

Key Migration Steps

Breaking Changes

What's Next

Get Started Today

Resources

Thank You

Hackathon: HydePHP is Joining ODHack #14

Are you ready to build something amazing?

What is ODHack #14?

Why Contribute to HydePHP?

What's in Store for Contributors

How to Get Involved

Join Our Community

Ready to Build Something Amazing?

Demystifying the TailwindCSS `bg-current` utility class

How It Works:

Example:

Benefits:

Laravel Nightwatch: The Future of Laravel Application Monitoring Revealed at Laracon AU

A New Era of Laravel Monitoring

Key Features

Why Nightwatch Matters

Availability and Pricing

Looking Forward

Getting Started

New `@bool` Blade directive in Laravel!

The new @bool Blade directive

Use cases

Availability & PR

Conclusion

Quick Tip: Git Undo Commands

Support HydePHP and Double Your Impact!

Double Your Donation to HydePHP!

Why Support HydePHP?

Ready to Support HydePHP and Open Source?

Escape the Drama: Why HydePHP is Your WordPress Alternative

The WordPress Drama

Enter HydePHP: A Breath of Fresh Air

1. Content-First Philosophy

2. Simplicity Without Sacrifice

3. Lightning-Fast Performance

4. Enhanced Security and Stability

5. Cost-Effective Hosting

6. Developer-Friendly Environment

7. No Vendor Lock-In

Making the Switch

The new `@bool` Blade directive