I Built a Solana Tip Jar

私が正直に言うと、このときには何をすべきか全く分かりませんでした。このSolanaのチャージケースを作った理由はなによりです。私の使用したStackとは：Solana + Anchorでスマートコントラクトを使用し、React + Viteがフロントエンドを使用しました。Phantomウォレットでの接続と署名、そしてvercelによるデプロイを行いました。Create React AppよりもViteを選んだのは、それも古いくらい、開発者 Experienceは本当に良いことでした。このアプリの動作メカニズムについては：そのCPI呼び出しを眺めました私は言える一番複雑で誤りがありましたが、一旦それが理解でき次第、全てが単純になりました。「システムプログラムへの問い合わせ」は、「SolanaにおけるプログラムがSOL直接使用しない理由」です。そのため、プログラムとシステムプログラムを利用してその操作を行うことになります。デーのNetとMainnetについては：デプロイするサイトとして「https://tip-jar-iota.vercel.app」、「https://github.com/Kingfaitho/tip-jar」などを提供しました。それから何を変更したかったかについて: デビュー中に、 midnight を経験することより、それを解決するために戦ったときが教えることの方が価値がありました。最初は最小限のものを構築し、それを完成させるのは良いと思います。その後そのことを続けて次へと進むことで、すべてが明確になります。

I’ll be honest. When I started this I had no idea what I was doing. Why a Tip Jar? The Stack I Used Solana + Anchor for the smart contract React + Vite for the frontend Phantom wallet for connecting and signing Vercel for deployment I picked Vite over Create React App because honestly CRA feels ancient at this point. Vite is fast, modern and the developer experience is just better. How the App Actually Works The Part That Almost Broke Me I stared at that error for longer than I want to admit. Two lines. That’s it. Sometimes the most painful bugs have the most anticlimactic solutions. That CPI call at the end. Cross Program Invocation is basically my program saying “hey Solana’s System Program, please move this SOL for me.” Programs on Solana don’t move SOL directly. They ask the System Program to do it. Once that clicked everything made more sense. Devnet vs Mainnet Deploying It https://tip-jar-iota.vercel.app https://github.com/Kingfaitho/tip-jar What I Would Do Differently What’s Next If You’re Just Starting Out Build something. Anything. The docs are good. The tutorials are helpful. But nothing teaches you like staring at an error message at midnight and figuring it out anyway. Start small. Finish it. Deploy it. Then build the next thing. That’s the whole strategy.