GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → sozonome → nextarter-chakra

sozonome / nextarter-chakra

Licence: MIT license
battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects
CSS
56736 projects

Labels

reacttemplateboilerplatenextjsboilerplate-templatestarter-templatenextjs-templatenextjs-starternextjs-boilerplatechakra-ui

Projects that are alternatives of or similar to nextarter-chakra

next-saas-starter
⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.
Stars: ✭ 497 (-19.32%)
Mutual labels:  nextjs-template, nextjs-starter, nextjs-boilerplate
fullstack-nextjs-ecommerce
Fullstack Next.js E-Commerce made with NextAuth + Prisma, Docker + TypeScript + React Query + Stripe + Tailwind Sentry and much more 🛒
Stars: ✭ 524 (-14.94%)
Mutual labels:  nextjs-template, nextjs-starter, nextjs-boilerplate
Next-JS-Landing-Page-Starter-Template
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Stars: ✭ 521 (-15.42%)
Mutual labels:  nextjs-template, nextjs-starter, nextjs-boilerplate
next-shopify-starter
Nextjs + Tailwind CSS + Shopify Starter
Stars: ✭ 385 (-37.5%)
Mutual labels:  nextjs-template, nextjs-starter
nextjs-ts-antd-redux-storybook-starter
🏃🏼 Next.js + TypeScript + Ant Design + Redux Toolkit + Redux Saga + Styled Components + Jest + Storybook 企业级项目脚手架模板
Stars: ✭ 78 (-87.34%)
Mutual labels:  nextjs-template, nextjs-starter
next-tailwind-starter
A starter for Next.js with Tailwind CSS and Typescript. Pre-configured with absolute import, TailwindUI and some additional components.
Stars: ✭ 22 (-96.43%)
Mutual labels:  nextjs-template, nextjs-starter
nextjs-firebase-fns-demo
Demo for serverless NextJS on Firebase Functions
Stars: ✭ 14 (-97.73%)
Mutual labels:  nextjs-template, nextjs-starter
nextal
Starter template for NextJs with TypeScript. Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.
Stars: ✭ 88 (-85.71%)
Mutual labels:  nextjs-template, nextjs-starter
tailwind-react-next.js-typescript-eslint-jest-starter
Starter template for building a project using React, Typescript, Next.js, Jest, TailwindCSS and ESLint.
Stars: ✭ 80 (-87.01%)
Mutual labels:  starter-template, nextjs-starter
frontenso-11ty-starter
Production-ready 11ty+Gulp+Webpack Starter that features Nunjucks, SASS, TailwindCSS (with JIT complier), and ESNext.
Stars: ✭ 24 (-96.1%)
Mutual labels:  boilerplate-template, starter-template
sparky
A Bootstrap 3 and 4 Sass Starter Project
Stars: ✭ 21 (-96.59%)
Mutual labels:  boilerplate-template, starter-template
nextjs-complete-boilerplate
Next js 12.3.1 boilerplate with Styled Components, Jest, React Testing Library, Prettier, ESLint, Plop JS and more 🚀
Stars: ✭ 50 (-91.88%)
Mutual labels:  nextjs-starter, nextjs-boilerplate
react-atdd-playground
Template to (deliberate) practice your test-driven development skills.
Stars: ✭ 14 (-97.73%)
Mutual labels:  nextjs-template, nextjs-starter
vuex-typescript
boilerplate repository for vue 3 in typescript, dynamic code split && server-side rendering
Stars: ✭ 54 (-91.23%)
Mutual labels:  boilerplate-template, starter-template
vue3-boilerplate
A Vue 3 Starter Boilerplate with Vue Router 4, Vuex 4, TypeScript 4, Webpack 5, Prettier and More.
Stars: ✭ 133 (-78.41%)
Mutual labels:  boilerplate-template, starter-template
nextjs-semantic
Next.js + Fomantic-UI + Styled Components
Stars: ✭ 68 (-88.96%)
Mutual labels:  starter-template, nextjs-starter
Create flutter provider app
A boilerplate project created in Flutter using Provider and Firebase.
Stars: ✭ 180 (-70.78%)
Mutual labels:  boilerplate-template
next-prankz
A project showing how to fake a news website to rick roll people.
Stars: ✭ 57 (-90.75%)
Mutual labels:  nextjs-starter
Mern
🌐 MERN stack 2.0 - MongoDB, Express, React/Redux, Node
Stars: ✭ 175 (-71.59%)
Mutual labels:  boilerplate-template
React Webpack 5 Tailwind 2
React 17 Boilerplate with Webpack 5, Tailwind 2, using babel, SASS/PostCSS, HMR, dotenv and an optimized production build
Stars: ✭ 155 (-74.84%)
Mutual labels:  boilerplate-template
View All Similar Projects ➔

Deploy with Vercel Deploy to Netlify Deploy on Railway

Open in StackBlitz

This is a Next.js project bootstrapped with create-next-app, added with Chakra UI and TypeScript setup.
Start developing right away!

🔋 ⚡ Battery Packed template

  • ✔️ toolings for linting, formatting, and conventions configured

    eslint, prettier, husky, lint-staged, commitlint, commitizen, and standard-version

  • 📱 PWA-ready

    next-pwa configured, disabled by default, just enable it through next.config.js

  • 🔎 SEO optimization configured

    with next-seo and next-sitemap. you'll need to reconfigure or tinker with it to get it right according to your needs, but it's there if you need it.

  • 🎨 basic responsive layout configured

    don't need it? just remove it 😃

CodeFactor Quality Gate Status Maintainability Rating Bugs Code Smells Duplicated Lines (%)

Commitizen friendly

Depfu Depfu

Pre-requisites

  1. Node.js or nvm installed.
  2. yarn installed.

Getting Started

  1. You can either click Use this template button on this repository and clone the repo or directly from your terminal:
npx degit sozonome/nextarter-chakra <YOUR_APP_NAME>

  1. After cloning the project, run this command: yarn or yarn install

  2. Then, 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 src/lib/pages/index.tsx. The page auto-updates as you edit the file.

How to Run e2e Test (in local machine)

  1. Build production with yarn build, then run the production build using yarn start.
  2. Open another terminal (or new terminal tab, don't cancel / close the production server), then run the test with yarn test:e2e.

References:

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].