---
title: Web App
seoTitle: "How to create a Solana web app"
description:
  "How to create a web app for Solana program development with the 'create
  solana dapp' tool"
keywords:
  - solana web app development
  - create solana dapp
  - intro to solana development
  - projects on solana
  - solana program development
  - create a solana project
h1: Web App with a Program Connection
---

> This is a beta version of the [Solana Toolkit](/docs/toolkit/), and is
> still a WIP. Please post all feedback as a GitHub issue
> [here](https://github.com/solana-foundation/developer-content/issues/new?title=%5Btoolkit%5D%20).

```shell
npx create-solana-dapp
```

This command generates a new project that connects a Solana program to a
frontend with a wallet connector. It has options for multiple popular frontend
stacks and UI libraries, including: NextJS, React, Tailwind, and more.

## Build and Test

To test out this project before making any modifications, follow these steps:

<Steps>
<Step>

### Build the smart contract

```shell
npm run anchor-build
```

</Step>
<Step>

### Start the local validator

```shell
npm run anchor-localnet
```

</Step>
<Step>

### Run tests

```shell
npm run anchor-test
```

</Step>
<Step>

### Deploy to the local validator

```shell
npm run anchor deploy --provider.cluster localnet
```

</Step>
<Step>

### Build the web app

```shell
npm run build
```

</Step>
<Step>

### Run the web app

```shell
npm run dev
```

</Step>
</Steps>

## Additional Resources

- [`create-solana-dapp` README](https://github.com/solana-developers/create-solana-dapp)
- [CRUD App Example](/developers/guides/dapps/journal)
- [Anchor book](https://www.anchor-lang.com/)
- [Getting Started with Anchor](https://www.anchor-lang.com/docs)
- [Program Examples](https://github.com/solana-developers/program-examples)
