NextJS, TypeScript and Styled Components project boilerplate

Mateus

Last update: Sep 21, 2021

Related tags

Boilerplates next-boilerplate

Overview

This is a Next.js project bootstrapped with create-next-app.

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.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

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 Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

A boilerplate application for building Node.js back-end application in TypeScript

RESTful API Node Server Boilerplate A boilerplate/starter project for quickly building RESTful APIs and with typescript 🚀 Installation Install the de

Nov 23, 2022

@code-collabo's node-mongo API boilerplate template (typescript)

@code-collabo's node-mongo API boilerplate template (typescript) This is the manual download option for the API boilerplate template generated by @cod

May 31, 2022

Postgres Node.js Express TypeScript application boilerplate with best practices for API development.

Node TypeScript Boilerplate Postgres Developer Ready: A comprehensive template. Works out of the box for most Node.js projects. This project is intend

Aug 28, 2022

A boilerplate to kick off any Gatsby project.

A boilerplate to kick off any Gatsby project. This starter ships with: - Gatsby v4 - Material UI v5 with light/dark mode and a custom theme - Emotion JS (with access to Material UI custom theme) - React redux (with reduxjs/toolkit) - React intl for multilingual support - React helmet for SEO

Jul 6, 2022

An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.

React PWA v2 A highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience. Demo: https://demo.reactpwa.co

Dec 26, 2022

Comments

Bump next from 11.1.2 to 12.1.0
Bumps next from 11.1.2 to 12.1.0.

Release notes

Sourced from next's releases.

v12.1.0

Core Changes

Relay Support in Rust Compiler: #33702

fix eslint link-passhref rule: #33857

update webpack: #33831

Flush buffered vitals metrics on page mount: #33867

fix problem with HMR when middleware and page reference the same node_module: #33873

Refactor page component getter in web server: #33759

update NextResponse default redirect status to 307 to match docs: #33505

Bug fix: dynamic page should not be interpreted as predefined page: #33808

Group streaming experimental apis: #33878

Encapsulate routing and initial hydration: #33875

Optimize offline condition judgment: #33238

Ensure external beforeFiles rewrites are handled with next/link: #33888

Fix parsing params for i18n optional route in minimal mode: #33896

Ensure browserslist extends works properly: #33890

Fix image cache race condition: #33883

Add support for Relay projects without artifactDirectory: #33918

fix: handle jsxspreadattribute in inline-script-id eslint rule: #32421

feat(next-swc): Update swc: #33724

Update to latest version of amphtml-validator: #33967

Warn in dev mode when script tags are added with next/head: #33968

Ensure optional chaining in swc matches babel: #33995

Use react-dom/server.browser in Node.js: #33950

Ensure external middleware rewrite is handled correctly: #33962

Update Terser to v5.10.0, fix minification issues: #33045

Warn in dev mode when stylesheets are added using next/head: #34004

Use ReadableStream in RenderResult: #34005

Fix suffix ordering while streaming: #34011

Don't use yarn if a package-lock.json file is found: #31926

Do not warn when application/ld+json scripts are used with next/head: #34021

Babel & next-swc: Fix exporting page config with AsExpression: #32702

Detect per page runtime config for functions manifest: #33945

Add JSDoc to config options: #32915

Update font-stylesheet-gathering-plugin.ts: #30709

Add decoratorMetadata flag if enabled by tsconfig: #32914

fix: data url handling in css-loader: #34034

Place 'charset' element at the top of : #28119

Fix detection of anchor click events inside svg: #23272

Allow passing nothing as custom jest config: #32328

Fixes #31240: Adding a recursive addPackagePath function in webpack-config: #31264

Require component rendered as child of Link to pass event to onClick handler: #27723

Allow scroll prevention on hash change: #31921

Add support for async fn / promise in next.config.js/.mjs: #33662

Fix lazyRoot functionality for next/image: #33933

Change SWC minify from beta to release candidate: #34056

Make Router state immutable: #33925

Stop exposing internal render and renderError methods from next/client: #34069

Add api-utils helper for testing: #34078

... (truncated)

Commits

8545fd1 v12.1.0

1605f30 v12.0.11-canary.21

69aedbd Fix typo (#34480)

f0f322c Remove deprecation for relative URL usage in middlewares (#34461)

d4d79b2 Fix chunk buffering for server components (#34474)

74fa4d4 update webpack (#34477)

b70397e Revert "Allow reading request bodies in middlewares (#34294)" (#34479)

4202011 Update font-optimization test snapshot (#34478)

1edd851 Allow reading request bodies in middlewares (#34294)

ba78437 fix: don't wrap profile in firebase example (#34457)

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by vercel-release-bot, a new releaser for next since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0

NextJS, TypeScript and Styled Components project boilerplate

Related tags

Overview

Getting Started

Learn More

Deploy on Vercel

You might also like...

A boilerplate application for building Node.js back-end application in TypeScript

@code-collabo's node-mongo API boilerplate template (typescript)

Postgres Node.js Express TypeScript application boilerplate with best practices for API development.

A boilerplate to kick off any Gatsby project.

An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.

NextJS Starter Example for Running Zesty.io CMS

A NextJS + TailwindCSS 3 Dashboard Admin For Laravel Breeze

A starter for nextjs that pulls in tailwindui, graphql

React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in

Comments

Bump next from 11.1.2 to 12.1.0

v12.1.0

Core Changes

Owner

Mateus

Next Boilerplate with TypeScript, Redux Toolkit and Styled-Component.. For now

A Next + TypeScript Starter. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analytics, sitemap generation, and more!

React Native Boilerplate - The Boilerplate contains all the basic packages, common components and, prebuilt code architecture

Next Boilerplate was created to be a template for starting NextJS projects with pre-configured settings like Linters, Test Setup, Storybook and Commit Hooks.

Solana Boilerplate - Lightweight boilerplate for Solana dapps. Allows quick building and prototyping.

A default Next.js project with boilerplate packages and configurations. Includes Tailwind, TypeScript (strict), ESLint, Prettier, and Husky.

🚀 A well-structured boilerplate and Starter for Next.js 12+, Tailwind CSS 3, Redux, Redux Thunk, and TypeScript

This is a minimal Next-Js boilerplate for TypeScript and Tailwind.

Very minimalistic boilerplate to start most Typescript Express projects. Includes Mongodb connection via Mongoose with a sample post model.

Express typescript boilerplate using @types/node, @types/express