It should be deployed properly without errors.
Currently I get an error saying that it can’t resolve import "daisyui"; in my CSS file, src/app/globals.css.
Source code is on GitHub here, and I have a branch called “preview” for preview builds so I can test the app online.
tsconfig.json:
{
"compilerOptions": {
"target": "ES2017",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true,
"forceConsistentCasingInFileNames": true,
"plugins": [
{
"name": "next"
}
],
"paths": {
"@/*": ["./*"]
},
"types": ["node", "jest", "@testing-library/jest-dom"]
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/types/**/*.d.ts", "./*.mjs", "./**.*.mjs", "./jest.config.js"],
"exclude": ["node_modules"]
}
Tailwind config:
import type { Config } from "tailwindcss";
import daisyui from "daisyui";
const config: Config = {
content: [
"./src/app/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}"
],
theme: {
extend: {
colors: {
background: "var(--color-primary)",
foreground: "var(--color-secondary)"
}
},
screens: {
xs: "500px",
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1280px",
"2xl": "1536px"
},
plugins: [
daisyui
]
}
};
export default config;
Next.js config:
import type { NextConfig } from "next";
const nextConfig: NextConfig = {
reactStrictMode: true,
basePath: "",
experimental: {
turbo: {
resolveExtensions: [
".tsx",
".ts",
".js",
".jsx",
".json",
".mdx"
]
}
}
};
export default nextConfig;
ESLint config:
{
"extends": [
"next/core-web-vitals",
"next/typescript"
],
"plugins": [
"react",
"jsx-a11y",
"react-hooks",
"@next/next",
"@typescript-eslint"
],
"env": {
"browser": true,
"node": true
},
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module",
"projectService": true,
"ecmaFeatures": {
"jsx": true,
"arrowFunctions": true,
"destructuring": true,
"templateStrings": true
}
},
"rules": {
"yoda": "error",
"prefer-const": "error",
"space-before-function-paren": "off",
"@typescript-eslint/await-thenable": "warn",
"no-undef": "warn",
"no-unused-vars": "warn",
"@typescript-eslint/no-unused-expressions": "warn",
"@typescript-eslint/no-unused-vars": "warn",
"quotes": [
"error",
"double",
{
"allowTemplateLiterals": true
}
],
"semi": "error",
"no-extra-semi": "error",
"comma-dangle": "error"
}
}
Framework: Next.js 15
URL: https://personal-library-wmjc.vercel.app
IDE: Visual Studio Code on Windows 10 laptop
Project settings on Vercel: All default, along with env variables.
Note: I did do a search for similar topics, and while I did find some, I don’t think I can use them.
