bufferhead-code / nextjs-use-php Goto Github PK

View Code? Open in Web Editor NEW

609.0 6.0 16.0 93 KB

Use PHP code right within your React / Next.js App. With "use php";

License: MIT License

JavaScript 3.92% TypeScript 88.32% CSS 7.76%

nextjs nodejs php react reactjs

nextjs-use-php's Introduction

Next.js `use php`

Note

Check out solidtime - The modern Open Source Time-Tracker at solidtime.io

Use PHP right inside of your Next.js project. Just like use server (not really).

You can watch how i made it here

You can use it in React Server Components just like this:

return (
    <button
        formAction={async () => {
            'use php'
            (new PDO('mysql:host=localhost:3306;dbname=public', 'root', 'root'))
                ->prepare("INSERT INTO Bookmarks (slug) VALUES (?)")
                ->execute(array('new'));
            }}>
        Insert Bookmark
    </button>
)

And if you want to it can even work with React Client Components

// actions.js
'use server'

export async function phpHelloWorld() {
    'use php'
    print "Hello from PHP";
}

// page.tsx
import {phpHelloWorld} from "../actions";

Yes this actually works. Trust me I wish it wouldn't too.

Build

You can build the implementation by

npm run build
npm run start

Open http://localhost:3000 with your browser to see the result.

If you want to try out the Database Example, you can use the docker-compose file provided in the repository. after docker-compose up -d you need to create the database and table you want to insert into manually.

Roadmap (Things that should be fixed but realistically it will never happen)

There is a probably a way to fix that nasty preprocess step with SWC Plugins which are still in Beta with Next.js and also I think they will switch builder anyways soon so what's the point really? But hey if anyone wants to do it feel free.
I guess there is some hacky way to make props binding possible.

Credits

Check out the original implementations by elnardu for C and Rust:

Disclaimer

I hope I don't have to say this but: If you even in the slightest consider to use this in any application at all you are an absolute madperson and and should be locked out of the internet for the rest of your life, I hope you find some other fun activity, maybe gardening or woodwork.

Self-Promo

If you enjoyed this project and want to see more silly web development projects, you can follow me on Twitter, Bluesky and Youtube.

nextjs-use-php's People

Contributors

Stargazers

Watchers

Forkers

itsromack wuchirat yrsdi tholder rwoverdijk arielrenyinski gilsondelima machadogolang szebest linecode yuttasakcom akmaldira unes97 lamppkk fullscreen-triangle kaleyemijowurolo

nextjs-use-php's Issues

Why are you here, isn't humanity miserable enough?

But if you feel okay, why not try adding Composer, or instead of use php, we can do use laravel, use codeigniter, etc...

🕒 Introducing the 'Time Travel Debugging' Feature - Because Why Not? 🕒

Dear Time Lords of 'Next.js Use PHP',

I've recently embarked on a journey with your framework, and let me just say, it's been... a unique experience. But, I've noticed a glaring omission that's practically a deal-breaker. I'm shocked, nay, appalled, that there's no built-in time travel functionality. How could this be overlooked?

Here's why it's absolutely essential:

Debugging in the Past: Who needs modern tools when you can just go back to the moment your code was written and ask your past self what they were thinking? I mean, come on, it's just common sense.
Future-Proofing: I need to know if my code will still be hip and happening in the year 3000. What if JavaScript is replaced by telepathic coding? We must prepare for such eventualities!
Temporal Styling: Style trends change. I need to ensure my CSS is just as snazzy in the Renaissance as it is in the distant future.

As a forward-thinking (and backward-thinking) developer, I propose the immediate implementation of a 'Temporal Debugging' feature. It's clearly what the industry has been missing.