= ({ href, title, body }) => {
11 | return (
12 |
13 | {title}
14 | {body}
15 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "nextjs-enterprise-project-structure",
3 | "private": true,
4 | "scripts": {
5 | "dev": "next dev",
6 | "build": "next build",
7 | "start": "next start",
8 | "lint": "next lint"
9 | },
10 | "dependencies": {
11 | "next": "12.0.7",
12 | "react": "17.0.2",
13 | "react-dom": "17.0.2"
14 | },
15 | "devDependencies": {
16 | "@types/node": "16.11.11",
17 | "@types/react": "17.0.37",
18 | "eslint": "8.4.0",
19 | "eslint-config-next": "12.0.7",
20 | "typescript": "4.5.2"
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 |
27 | # local env files
28 | .env.local
29 | .env.development.local
30 | .env.test.local
31 | .env.production.local
32 |
33 | # vercel
34 | .vercel
35 |
36 | # typescript
37 | *.tsbuildinfo
38 |
--------------------------------------------------------------------------------
/src/common/components/marketing/Card/Card.module.css:
--------------------------------------------------------------------------------
1 | .card {
2 | margin: 1rem;
3 | padding: 1.5rem;
4 | text-align: left;
5 | color: inherit;
6 | text-decoration: none;
7 | border: 1px solid #eaeaea;
8 | border-radius: 10px;
9 | transition: color 0.15s ease, border-color 0.15s ease;
10 | max-width: 300px;
11 | }
12 |
13 | .card:hover,
14 | .card:focus,
15 | .card:active {
16 | color: #0070f3;
17 | border-color: #0070f3;
18 | }
19 |
20 | .card h2 {
21 | margin: 0 0 1rem 0;
22 | font-size: 1.5rem;
23 | }
24 |
25 | .card p {
26 | margin: 0;
27 | font-size: 1.25rem;
28 | line-height: 1.5;
29 | }
30 |
--------------------------------------------------------------------------------
/src/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import type { NextPage } from "next";
2 | import Head from "next/head";
3 | import { Home } from "@modules/home";
4 | import { Footer } from "@components/marketing/Footer";
5 |
6 | const IndexPage: NextPage = () => {
7 | return (
8 |
13 |
14 |
Create Next App
15 |
16 |
17 |
18 |
19 |
20 |
21 | );
22 | };
23 |
24 | export default IndexPage;
25 |
--------------------------------------------------------------------------------
/src/common/components/marketing/Footer/Footer.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Image from "next/image";
3 | import styles from "./Footer.module.css";
4 |
5 | export const Footer: React.FC = () => {
6 | return (
7 |
19 | );
20 | };
21 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": ".",
4 | "paths": {
5 | "@components/*": ["src/common/components/*"],
6 | "@styles/*": ["src/common/styles/*"],
7 | "@modules/*": ["src/modules/*"]
8 | },
9 | "target": "es5",
10 | "lib": ["dom", "dom.iterable", "esnext"],
11 | "allowJs": true,
12 | "skipLibCheck": true,
13 | "strict": true,
14 | "forceConsistentCasingInFileNames": true,
15 | "noEmit": true,
16 | "esModuleInterop": true,
17 | "module": "esnext",
18 | "moduleResolution": "node",
19 | "resolveJsonModule": true,
20 | "isolatedModules": true,
21 | "jsx": "preserve",
22 | "incremental": true
23 | },
24 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
25 | "exclude": ["node_modules"]
26 | }
27 |
--------------------------------------------------------------------------------
/src/modules/home/Home.module.css:
--------------------------------------------------------------------------------
1 | .main {
2 | min-height: 100vh;
3 | padding: 4rem 0;
4 | flex: 1;
5 | display: flex;
6 | flex-direction: column;
7 | justify-content: center;
8 | align-items: center;
9 | }
10 |
11 | .title a {
12 | color: #0070f3;
13 | text-decoration: none;
14 | }
15 |
16 | .title a:hover,
17 | .title a:focus,
18 | .title a:active {
19 | text-decoration: underline;
20 | }
21 |
22 | .title {
23 | margin: 0;
24 | line-height: 1.15;
25 | font-size: 4rem;
26 | }
27 |
28 | .title,
29 | .description {
30 | text-align: center;
31 | }
32 |
33 | .description {
34 | margin: 4rem 0;
35 | line-height: 1.5;
36 | font-size: 1.5rem;
37 | }
38 |
39 | .code {
40 | background: #fafafa;
41 | border-radius: 5px;
42 | padding: 0.75rem;
43 | font-size: 1.1rem;
44 | font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
45 | Bitstream Vera Sans Mono, Courier New, monospace;
46 | }
47 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/modules/home/Home.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { Card } from "@components/marketing/Card";
3 | import { SimpleGrid } from "@components/marketing/SimpleGrid";
4 | import styles from "./Home.module.css";
5 |
6 | export const Home: React.FC = () => {
7 | return (
8 |
9 |
10 | Welcome to Next.js!
11 |
12 |
13 |
14 | Get started by editing{" "}
15 | pages/index.tsx
16 |
17 |
18 |
19 |
24 |
29 |
34 |
39 |
40 |
41 | );
42 | };
43 |
--------------------------------------------------------------------------------