Giter VIP home page Giter VIP logo

nextjs-template's Introduction

NextJS Template

Next.js with Typescript の個人用テンプレートとなります

利用しているライブラリ群

使い方

create-next-app の --example オプションに本リポジトリ URL を指定します

npx create-next-app <your-app-name> --example https://github.com/spinrock/nextjs-template
# or
yarn create next-app <your-app-name> --example https://github.com/spinrock/nextjs-template

サンプルイメージ

  • PC サイズのイメージ

  • スマホサイズのイメージ

nextjs-template's People

Contributors

renovate[bot] avatar spinrock avatar renovate-bot avatar

Watchers

James Cloos avatar  avatar

nextjs-template's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource Name Replacement PR?
npm @storybook/testing-library Unavailable

This repository currently has no open or pending branches.

Detected dependencies

github-actions
.github/workflows/actions.yml
  • actions/checkout v4
  • actions/setup-node v4
  • actions/checkout v4
  • actions/setup-node v4
  • ArtiomTr/jest-coverage-report-action v2
.github/workflows/playwright.yml
  • actions/checkout v4
  • actions/setup-node v4
  • actions/upload-artifact v4
npm
package.json
  • @reduxjs/toolkit 2.2.7
  • next 14.2.5
  • react 18.3.1
  • react-dom 18.3.1
  • react-icons ^5.0.1
  • react-redux 9.1.2
  • uuid 10.0.0
  • @biomejs/biome ^1.6.0
  • @playwright/test ^1.37.1
  • @storybook/addon-essentials ^8.0.0
  • @storybook/addon-interactions ^8.0.0
  • @storybook/addon-links ^8.0.0
  • @storybook/blocks ^8.0.0
  • @storybook/nextjs ^8.0.0
  • @storybook/react ^8.0.0
  • @storybook/testing-library ^0.2.0
  • @swc/jest ^0.2.24
  • @testing-library/jest-dom 6.4.8
  • @testing-library/react 16.0.0
  • @testing-library/user-event ^14.4.3
  • @types/jest 29.5.12
  • @types/node 20.14.15
  • @types/react 18.3.3
  • @types/uuid 10.0.0
  • autoprefixer ^10.4.17
  • husky 9.1.4
  • identity-obj-proxy 3.0.0
  • jest 29.7.0
  • jest-environment-jsdom 29.7.0
  • jest-watch-typeahead 2.2.2
  • lint-staged 15.2.9
  • postcss ^8.4.35
  • storybook ^8.0.0
  • tailwindcss ^3.4.1
  • typescript 5.5.4

  • Check this box to trigger a request for Renovate to run again on this repository

DockerImageの追加

コンテナ化できるように準備する

  • Dockerfileの準備
  • GitHub Actionsに追加

Node.js LTS対応 (v20)

  • 2023年10月末にNode.js v20がLTSとなるので、テンプレートの対応バージョンを変更する
  • 具体的には、CIで動作確認しているバージョンにNode.js v20を追加する

スタックの更新

現在試しているMUI離脱の外に以下を実施したい

  • Jest → Vitest
  • ESLint & Prettier → Biome

Storybook の導入

  • Storybook自体の導入
  • いくつかのコンポーネントのサンプルストーリー追加

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.