Skip to content

Katya-Malyavina-IBM/carbon-tutorial-nextjs

This branch is up to date with carbon-design-system/carbon-tutorial-nextjs:main.

Folders and files

NameName
Last commit message
Last commit date
Sep 1, 2023
Jul 12, 2023
Aug 23, 2023
Jul 12, 2023
Jul 12, 2023
Sep 1, 2023
Sep 8, 2023
Apr 10, 2024
Jul 12, 2023
Aug 23, 2023
Aug 23, 2023
Aug 23, 2023

Repository files navigation

Carbon Tutorial for NextJS 13

This tutorial will guide you in creating a NextJS app with the Carbon Design System. We’ll teach you the ins and outs of using Carbon React components, while introducing web development best practices along the way.

Get started by visiting the tutorial instructions.

Create NextJS 13 app

yarn create next-app

✔ What is your project named? … next-base
✔ Would you like to use TypeScript?*No / Yes
✔ Would you like to use ESLint? … No / *Yes
✔ Would you like to use Tailwind CSS?*No / Yes
✔ Would you like to use `src/` directory? … No / *Yes
✔ Would you like to use App Router? (recommended) … No / *Yes
✔ Would you like to customize the default import alias?*No / Yes

cd carbon-tutorial-nextjs
yarn dev

Configure paths in jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@/components/*": ["components/*"],
      "@/app/*": ["app/*"]
   }
  }
}

Releases

No releases published

Packages

No packages published

Languages

  • CSS 66.2%
  • JavaScript 33.8%