Merge pull request #4 from karpolan/dev

Synch with latest "Create Next App" template

Author: karpolan

.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+.yarn/install-state.gz
 
 # testing
 /coverage
@@ -36,3 +37,4 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
+next-env.d.ts

README.md

@@ -43,12 +43,6 @@ Launches the test runner in the interactive watch mode.<br />
 
 Builds the app for production or local development to the `.next` folder.<br />
 
-### `yarn build:static` or `npm run build:static`
-
-_Note: this is deprecated way to build the Next.js app!_
-
-Builds the SSG (static site generator) version of the app in the `out` folder.<br />
-
 ## Deploy on Vercel
 
 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.

app/auth/login/page.tsx

@@ -0,0 +1,27 @@
+import type { Config } from 'jest';
+import nextJest from 'next/jest.js';
+
+// const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.* and .env files in your test environment
+  dir: './',
+});
+
+// Add any custom config to be passed to Jest
+const customJestConfig: Config = {
+  coverageProvider: 'v8',
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  moduleNameMapper: {
+    // Handle module aliases
+    '^@/(.*)$': '<rootDir>/$1',
+  },
+  // testEnvironment: 'jest-environment-jsdom',
+  testEnvironment: 'jsdom',
+  // transform: {
+  //   '.+\\.(css|styl|less|sass|scss)$': 'jest-css-modules-transform',
+  // },
+};
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig);

app/auth/signup/page.tsx

@@ -1,9 +1,9 @@
 // Optional: configure or set up a testing framework before each test.
-// If you delete this file, remove `setupFilesAfterEnv` from `jest.config.js`
+// If you delete this file, remove `setupFilesAfterEnv` from `jest.config.*`
 
 // Used for __tests__/testing-library.js
 // Learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 
 // To get 'next/router' working with tests
 jest.mock('next/router', () => require('next-router-mock'));

jest.config.js

@@ -0,0 +1,32 @@
+/** @type {import('next').NextConfig} */
+
+const nextConfig = {
+  output: 'export', // Use this if you want to create "static generated website" (SSG), result in "/out" folder
+  trailingSlash: true,
+  images: { unoptimized: true },
+
+  env: {
+    // TODO: You can add custom env variables here, also check .env.xxx file
+    AUTHOR: 'KARPOLAN',
+    // npm_package_name: process.env.npm_package_name,
+    // npm_package_version: process.env.npm_package_version,
+  },
+
+  reactStrictMode: true,
+  // reactStrictMode: false,
+
+  // Note: redirects() is not working with "next export" :(
+  // async redirects() {
+  //   const articleRedirects = ARTICLES.map((article) => {
+  //     const slug = article.replace(/ /g, '-');
+  //     return {
+  //       source: `/articles/${slug}`,
+  //       destination: `/article/${slug}`,
+  //       permanent: true,
+  //     };
+  //   });
+  //   return [...articleRedirects];
+  // },
+};
+
+export default nextConfig;