A starter e2e encrypted progressive web app using nextjs
- TypeScript 97.2%
- JavaScript 2.8%
| .storybook | ||
| public | ||
| src | ||
| .babelrc | ||
| .gitignore | ||
| alias.js | ||
| LICENSE.md | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| README.md | ||
| TODO.md | ||
| tsconfig.json | ||
| yarn.lock | ||
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
Development
# View and build components in isolation
yarn storybook
yarn storybook:build
# Linting
yarn lint
yarn lint:fix
yarn stylelint
Tech Stack
Styling
- Emotion
- CSS-in-JS
- Same as
styled-componentsbut includes things like dev css labels, better SSR, etc.
- Styled-System
- Utility theming props
- Rebass
- Extensible base component set based on the above
Heavily considered 'https://xstyled.dev/'
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on ZEIT Now
The easiest way to deploy your Next.js app is to use the ZEIT Now Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Secrets
Make sure you add a .env.build with the following vars:
- DROPBOX_APP_KEY