Skip to content

Conversation

@GuiBibeau
Copy link
Contributor

Updates frontend docs to use the newer @solana/react-hooks package.

Part of a bigger revamp of frontend documentation.

@vercel
Copy link

vercel bot commented Nov 26, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
solana-com Ready Ready Preview Comment Dec 4, 2025 1:42pm
2 Skipped Deployments
Project Deployment Preview Comments Updated (UTC)
solana-com-media Skipped Skipped Dec 4, 2025 1:42pm
templates Skipped Skipped Dec 4, 2025 1:42pm

@vercel vercel bot temporarily deployed to Preview – templates December 1, 2025 15:12 Inactive
@vercel vercel bot temporarily deployed to Preview – solana-com-media December 1, 2025 15:12 Inactive
@GuiBibeau GuiBibeau changed the title docs: update Next.js frontend guide to use @solana/react-hooks docs: updat frontend guide to show new libraries Dec 1, 2025
@GuiBibeau GuiBibeau marked this pull request as ready for review December 1, 2025 15:38
}
```

## !!steps 5. Run the Application
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

need a step before running app to update layout.tsx to use the provider

import { useState } from "react";
import { useSolTransfer, useWallet } from "@solana/react-hooks";

const LAMPORTS_PER_SOL = 1_000_000_000n;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

getting BigInt literals are not available when targeting lower than ES2020. lint when creating app from npx create-next-app@latest

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

as an error or warning? I'm surprise they still show up that warning es2020 is 6 years ago soon

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

CleanShot 2025-12-04 at 09 11 29@2x

@ZYJLiu
Copy link
Collaborator

ZYJLiu commented Dec 1, 2025

General question, do you want to include all these in as a "Frontend" subsection or have a dedicated secondary nav section for all these packages? These pages are pretty light right now, but not sure if you're going to need more pages to fully document the packages in the future.

You can also add the new packages on these pages:

@GuiBibeau
Copy link
Contributor Author

@ZYJLiu Thanks for the review, most was addressed.
In regard to this adding it with it's own page, I want to see it in a few more places before having a full on page on the top nav.

I implement it in templates and once there's good traction in downloads and more feedback i would do a follow up PR. I also want to replace all tutorials that use front-end to use this.

I want to dog food gradually to also fix issues as we find them

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants