polkadot-nextjs-starter
v1.4.0
Published
This project is a starter template for building frontend applications on the Polkadot network using [papi](https://papi.how) for interacting with polkadot chains and Next.js. as a react framework. It includes essential tools and configurations to streamli
Readme
Polkadot Next.js Starter
This project is a starter template for building frontend applications on the Polkadot network using papi for interacting with polkadot chains and Next.js. as a react framework. It includes essential tools and configurations to streamline development.
Features
- Integration with Polkadot API for blockchain interactions. Using lightclients per default. Storage subscriptions, storage queries and transactions. Proper loading states for individual components that require a chain connection for best UX.
- Server rendered pages with client components where needed with**Next.js 15.x**
- Modern, full-control react components with shadcn ui
- Utility-first CSS with Tailwind CSS 4.0 Data-fetching library for managing server state.
- Light and dark modes / theme management with Next Themes
Project Structure
app/: Main application files including layout and page components.components/: Contains UI components likePolkadotLogo,Footer, andNav.providers/: Context providers for themes, Polkadot extensions, and blockchain connections.hooks/: Example hooks with subscriptions.lib/: utility functions
Installation
Clone the repository:
git clone https://github.com/niklasp/polkadot-nextjs-starter.gitInstall dependencies:
cd polkadot-nextjs-starter pnpm installRun the development server:
pnpm dev
Contributing
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
License
This project is open-source and available under the MIT License.
