Skip to content
EOSIO NextJS SRR dApp starter with TypeScript, Hooks, Theme UI, Wallets and i18n support
TypeScript JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components
hooks
pages
public
theme
.all-contributorsrc
.editorconfig
.eslintrc.js
.gitignore
.prettierrc.js
README.md
jest.config.js
next-env.d.ts
next.config.js
package.json
tsconfig.json
yarn.lock

README.md

Collaborative Etiquette Blockmatic Standard MIT Follow on Twitter Chat on Telegram

EOSIO NextJS dApp Starter

NextJS starter for EOSIO dApps. Take the pain out of creating Universal React apps with blockchain integration.

TELOS

Best in class C++ EOSIO protocol technology providing fast, scalable and eco-freindly blockchain augmented by a growing library of Telos services and innovations. Free accounts, work proposals, dapp grants, decentralized exchange, dstor, bancor protocol, telos community and foundation.

Learn more

NextJS

Next.js extends React to provide a powerful method for loading a page's initial data, no matter where it is coming from. With a single place to prepopulate page context, server-side rendering with Next.js seamlessly integrates with any existing data-fetching strategy.

Next.js performs server-side rendering by default. This makes your application optimized for search engines. Also, you can integrate any middleware such as express.js or Hapi.js, and you can run any database such as MongoDB or MySQL.

Lift, Binance, Hulu, Leafly, Hashnode, Twitch, Elastic, Expo, Ferrari and Marvel are using server side rendering with NextJS.

Server Side Rendering

  • Superior performance and search engine optimization.

NextJS vs Gatsby

Use Next.js for Apps, Gatsby for Websites.

https://syntax.fm/show/120/gatsby-vs-next

Disclaimer

This is a work in progress. Feel free to reach us out on telegram for clarifications. https://t.me/telosdreamstack

Features

  • TypeScript.
  • Blockmatic code conventions. ( functional, declarative, hooks )
  • Pre-commit code quality git hooks with husky, prettier and eslint.
  • CSS-in-JS styling based on design system constraints with Theme UI.
  • Out-of-the-box server side rendering.
  • Out-of-the-box code-splitting.
  • Automatic transpilation and bundling (with webpack and babel).
  • Multilanguage (i18n) with i18next.
  • Non relative (absolute) imports.
  • Component Error Boundaries.
  • Hot code reloading.
  • Automatic testing with Jest.
  • Serverless continuous deployment with Zeith.
  • ...

Architecture

...

File Structure

.
├── components ......................................... Reusable Components
│   ├── Button.tsx
│   ├── Form.tsx
│   ├── NavBar.tsx
│   └── ...
├── hooks .............................................. React Hooks
│   ├── myhook.js
│   └── ...
├── pages/ .............................................. Route Container Components
│   ├── users.tsx
│   └── ...
├── public ............................................. Static file serving
└── library ............................................ Scripts, Services, SDKS,...
    └── amplify.ts

Usage

...

Prerequisites

...

Testing

...

Contributing

Read the contributing guidelines for details.

Contributors

Thanks goes to these wonderful people (emoji key):

Gabo Esquivel
Gabo Esquivel

💻 🤔
Kevin Rodríguez
Kevin Rodríguez

🤔
Kevin Wolf
Kevin Wolf

🤔
Guayo Mena
Guayo Mena

🤔

This project follows the all-contributors specification. Contributions of any kind welcome!


TELOS DreamStack

This repository is part of the TELOS DreamStack Project which provides set of guidelines, tools and starters to speed up dApp development following best practices for security, performance and maintainability of your application.

The code style convention aims to maximize reusability and facilitate collaboration. We have chosen the stack carefully so that it allows us to write robust and performant applications with more concise and readable code.

Blockmatic

Blockmatic is building robust ecosystem of people and tools for development of decentralized applications.

blockmatic.io

Blockmatic Twitter Blockmatic Facebook Blockmatic Github

You can’t perform that action at this time.