ooade / Nextsimplestarter
Licence: mit
π³ Simple and Accessible PWA boilerplate with Nextjs 10 + React Hooks
Stars: β 744
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Nextsimplestarter
Polymer Skeleton
π Skeleton for Polymer 3 app with Webpack, PostCSS and Service Workers ready.
Stars: β 185 (-75.13%)
Mutual labels: webpack, starter-kit, workbox
Udoit
The Universal Design Online content Inspection Tool, or UDOIT (pronounced, βYou Do Itβ) enables faculty to identify accessibility issues in Canvas by Instructure. It will scan a course, generate a report, and provide resources on how to address common accessibility issues.
Stars: β 80 (-89.25%)
Mutual labels: hacktoberfest, accessibility, a11y
Reakit
Toolkit for building accessible rich web apps with React
Stars: β 5,265 (+607.66%)
Mutual labels: hacktoberfest, accessibility, a11y
Axe Core
Accessibility engine for automated Web UI testing
Stars: β 4,293 (+477.02%)
Mutual labels: hacktoberfest, accessibility, a11y
React Starter Kit
React Starter Kit β front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: β 21,060 (+2730.65%)
Mutual labels: webpack, starter-kit
Commercejs Nextjs Demo Store
Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.
Stars: β 737 (-0.94%)
Mutual labels: hacktoberfest, nextjs
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: β 459 (-38.31%)
Mutual labels: webpack, nextjs
A11y Style Guide
Accessibility (A11Y) Style Guide
Stars: β 493 (-33.74%)
Mutual labels: accessibility, a11y
Accesslint.js
Keep accessibility errors in check.
Stars: β 423 (-43.15%)
Mutual labels: accessibility, a11y
Preact Cli
πΊ Your next Preact PWA starts in 30 seconds.
Stars: β 4,510 (+506.18%)
Mutual labels: hacktoberfest, starter-kit
React Esi
React ESI: Blazing-fast Server-Side Rendering for React and Next.js
Stars: β 537 (-27.82%)
Mutual labels: hacktoberfest, nextjs
Opencollective Frontend
Open Collective Frontend. A React app powered by Next.js.
Stars: β 446 (-40.05%)
Mutual labels: webpack, nextjs
Construct.css
Focus on the content and structure of your HTML
Stars: β 432 (-41.94%)
Mutual labels: accessibility, a11y
Cookiecutter Django Vue
Cookiecutter Django Vue is a template for Django-Vue projects.
Stars: β 462 (-37.9%)
Mutual labels: webpack, hacktoberfest
Headless Wp Starter
πͺ WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step
Stars: β 4,144 (+456.99%)
Mutual labels: nextjs, starter-kit
React Accessible Accordion
Accessible Accordion component for React
Stars: β 610 (-18.01%)
Mutual labels: hacktoberfest, accessibility
Webpacker
Use Webpack to manage app-like JavaScript modules in Rails
Stars: β 5,282 (+609.95%)
Mutual labels: webpack, hacktoberfest
Sentry Javascript
Official Sentry SDKs for JavaScript. We're hiring https://grnh.se/ca81c1701us
Stars: β 6,012 (+708.06%)
Mutual labels: hacktoberfest, nextjs
Webpack Simple Starter
A simple webpack starter without framework (Like Vue, React, Angular, etc.)
Stars: β 661 (-11.16%)
Mutual labels: webpack, starter-kit
Accessible components
Listing of accessible components & patterns
Stars: β 393 (-47.18%)
Mutual labels: accessibility, a11y
Simple NextJS PWA boilerplate.
Getting Started
First, run the development server:
npm run dev
# or
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.
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.
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
Deploy to Heroku
Just follow Mars's Guide and you're good to go π
Deploy to Netlify
- On netlify, Click on new site from git.
- Select Cloned Repository.
- Choose VCS.
- Add build command
next build && next export
. - Add publish directory
out
.
Deploy to Gitpod
Click here to deploy on Gitpod.
Contribution
I'm open to contributions & suggestions in making this a lot better β
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].