All Projects → antoniolofiego → Batteries-Included-Next.js

antoniolofiego / Batteries-Included-Next.js

Licence: MIT License
A starting boilerplate for a TS Next.js project with batteries included. Tailwind CSS for styling, Jest and React Testing Library working with path aliases and node-mock-http for API route testing.

Programming Languages

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

Projects that are alternatives of or similar to Batteries-Included-Next.js

portfolio
My personal portfolio website, proudly built with Next.js, TypeScript and Tailwind
Stars: ✭ 165 (+371.43%)
Mutual labels:  jest, nextjs, tailwindcss, react-testing-library
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 (+151.43%)
Mutual labels:  jest, nextjs, tailwindcss
Egghead Next
The frontend for egghead.io.
Stars: ✭ 896 (+2460%)
Mutual labels:  jest, nextjs, tailwindcss
theodorusclarence.com
💠 Personal website and blog made using Next.js, TypeScript, Tailwind CSS, MDX Bundler, FaunaDB, and Preact.
Stars: ✭ 205 (+485.71%)
Mutual labels:  nextjs, tailwindcss
react-simple-boilerplate
Simple React Boilerplate with Webpack, Github Actions, Scss, Lazy Loading etc....
Stars: ✭ 38 (+8.57%)
Mutual labels:  tailwindcss, react-testing-library
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 (+128.57%)
Mutual labels:  tailwindcss, react-testing-library
Nextjs Ts
Opinionated Next JS project boilerplate with TypeScript and Redux
Stars: ✭ 134 (+282.86%)
Mutual labels:  jest, nextjs
react-initial-bootstrap
an "almost complete" template for your new projects
Stars: ✭ 24 (-31.43%)
Mutual labels:  jest, react-testing-library
reactjs-vite-tailwindcss-boilerplate
ReactJS + Vite boilerplate to be used with Tailwindcss.
Stars: ✭ 103 (+194.29%)
Mutual labels:  jest, tailwindcss
Hangar
Hackathon sponsorship made easy
Stars: ✭ 34 (-2.86%)
Mutual labels:  jest, nextjs
fullstack-template
This is a template repository to get up and running quickly with Vite, React, Jest, Express Docker, and Github Actions for CI/CD.
Stars: ✭ 14 (-60%)
Mutual labels:  jest, tailwindcss
wargabantuwarga.com
Inisiatif warga untuk berbagi informasi seputar fasilitas kesehatan dan alat kesehatan untuk COVID-19.
Stars: ✭ 533 (+1422.86%)
Mutual labels:  tailwindcss, react-testing-library
Jest Dom
🦉 Custom jest matchers to test the state of the DOM
Stars: ✭ 2,908 (+8208.57%)
Mutual labels:  jest, react-testing-library
nextjs-baseweb
Slightly opinionated scaffold of Next.js and Base Web.
Stars: ✭ 46 (+31.43%)
Mutual labels:  jest, nextjs
100 Days Of Code Frontend
Curriculum for learning front-end development during #100DaysOfCode.
Stars: ✭ 2,419 (+6811.43%)
Mutual labels:  jest, nextjs
ts-nextjs-tailwind-starter
🔋 Next.js + Tailwind CSS + TypeScript starter packed with useful development features
Stars: ✭ 880 (+2414.29%)
Mutual labels:  jest, tailwindcss
minesweeper
💣Minesweeper game written with React
Stars: ✭ 18 (-48.57%)
Mutual labels:  jest, react-testing-library
rebuilding-acquia
A clone of Acquia's dashboard, built with Vue.js and Tailwind CSS.
Stars: ✭ 20 (-42.86%)
Mutual labels:  jest, tailwindcss
Moveit
🚀 NLW #4 | React+ TypeScript + NextJS + StyledComponents + Firebase + MongoDb +Axios
Stars: ✭ 39 (+11.43%)
Mutual labels:  jest, nextjs
Next Advanced Apollo Starter
Advanced, but minimalistic Next.js pre-configured starter with focus on DX
Stars: ✭ 131 (+274.29%)
Mutual labels:  jest, nextjs

Batteries Included Next.js

This is a Next.js project that includes Tailwind CSS, TypeScript and Jest with @testing-library with working TS path aliases.

Getting Started

You can run a development environment simply by running:

npm run dev
# or
yarn dev

For testing, run:

npm run test
# or
yarn test

For an optimized production build, run

npm run build
# or
yarn build

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file and Tailwind CSS will auto-generate classes as you add them.

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