|
1 |
| -# React + TypeScript + Vite |
| 1 | +This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). |
2 | 2 |
|
3 |
| -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. |
| 3 | +## Getting Started |
4 | 4 |
|
5 |
| -Currently, two official plugins are available: |
| 5 | +First, run the development server: |
6 | 6 |
|
7 |
| -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh |
8 |
| -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh |
| 7 | +```bash |
| 8 | +npm run dev |
| 9 | +# or |
| 10 | +yarn dev |
| 11 | +# or |
| 12 | +pnpm dev |
| 13 | +# or |
| 14 | +bun dev |
| 15 | +``` |
9 | 16 |
|
10 |
| -## Expanding the ESLint configuration |
| 17 | +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. |
11 | 18 |
|
12 |
| -If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: |
| 19 | +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. |
13 | 20 |
|
14 |
| -- Configure the top-level `parserOptions` property like this: |
| 21 | +This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. |
15 | 22 |
|
16 |
| -```js |
17 |
| -export default { |
18 |
| - // other rules... |
19 |
| - parserOptions: { |
20 |
| - ecmaVersion: "latest", |
21 |
| - sourceType: "module", |
22 |
| - project: ["./tsconfig.json", "./tsconfig.node.json"], |
23 |
| - tsconfigRootDir: __dirname, |
24 |
| - }, |
25 |
| -}; |
26 |
| -``` |
| 23 | +## Learn More |
| 24 | + |
| 25 | +To learn more about Next.js, take a look at the following resources: |
| 26 | + |
| 27 | +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. |
| 28 | +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. |
| 29 | + |
| 30 | +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! |
| 31 | + |
| 32 | +## Deploy on Vercel |
| 33 | + |
| 34 | +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. |
27 | 35 |
|
28 |
| -- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` |
29 |
| -- Optionally add `plugin:@typescript-eslint/stylistic-type-checked` |
30 |
| -- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list |
| 36 | +Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. |
0 commit comments