https://github.com/atillabirer/solana-nextjs-dex

A front-end to swap Solana tokens using Jupiter API in NextJS
https://github.com/atillabirer/solana-nextjs-dex

jupiter-aggregator material-ui nextjs raydium-swap solana web3js

Last synced: about 2 months ago
JSON representation

A front-end to swap Solana tokens using Jupiter API in NextJS

• Host: GitHub
• URL: https://github.com/atillabirer/solana-nextjs-dex
• Owner: atillabirer
• Created: 2024-04-18T17:10:45.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-06-05T08:44:44.000Z (7 months ago)
• Last Synced: 2024-06-05T10:06:42.962Z (7 months ago)
• Topics: jupiter-aggregator, material-ui, nextjs, raydium-swap, solana, web3js
• Language: TypeScript
• Homepage:
• Size: 293 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# DEX in NextJS for Solana tokens using Material UI + Jupiter API

Technologies used:

- Material UI

- react-wallet-adapter for Solana wallets

 - Jupiter API for quotes and swap instructions

 - NextJS

 - @solana/web3.js

 Contact me on Discord  to get a version using Raydium SDK that can buy

 new tokens (live for less than 1 minute even)

 ![screenshot for the swap page project](https://i.imgur.com/MfWeVzS.png "Screenshot")

## How to use

Download the example [or clone the repo](https://github.com/mui/material-ui):

```bash

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2  material-ui-master/examples/material-ui-nextjs-ts

cd material-ui-nextjs-ts

```

Install it and run:

```bash

npm install

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

or:

[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts)

[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts)

## Learn more

To learn more about this example:

- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.

## What's next?

You now have a working example project.

You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.

# solana-nextjs-dex