Upload 89 files

.eslintrc.js

@@ -0,0 +1,84 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  plugins: ['@typescript-eslint', 'simple-import-sort', 'unused-imports'],
+  extends: [
+    'eslint:recommended',
+    'next',
+    'next/core-web-vitals',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+  ],
+  rules: {
+    'no-unused-vars': 'off',
+    'no-console': 'warn',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'react/no-unescaped-entities': 'off',
+
+    'react/display-name': 'off',
+    'react/jsx-curly-brace-presence': [
+      'warn',
+      { props: 'never', children: 'never' },
+    ],
+
+    //#region  //*=========== Unused Import ===========
+    '@typescript-eslint/no-unused-vars': 'off',
+    'unused-imports/no-unused-imports': 'warn',
+    'unused-imports/no-unused-vars': [
+      'warn',
+      {
+        vars: 'all',
+        varsIgnorePattern: '^_',
+        args: 'after-used',
+        argsIgnorePattern: '^_',
+      },
+    ],
+    //#endregion  //*======== Unused Import ===========
+
+    //#region  //*=========== Import Sort ===========
+    'simple-import-sort/exports': 'warn',
+    'simple-import-sort/imports': [
+      'warn',
+      {
+        groups: [
+          // ext library & side effect imports
+          ['^@?\\w', '^\\u0000'],
+          // {s}css files
+          ['^.+\\.s?css$'],
+          // Lib and hooks
+          ['^@/lib', '^@/hooks'],
+          // static data
+          ['^@/data'],
+          // components
+          ['^@/components', '^@/container'],
+          // zustand store
+          ['^@/store'],
+          // Other imports
+          ['^@/'],
+          // relative paths up until 3 level
+          [
+            '^\\./?$',
+            '^\\.(?!/?$)',
+            '^\\.\\./?$',
+            '^\\.\\.(?!/?$)',
+            '^\\.\\./\\.\\./?$',
+            '^\\.\\./\\.\\.(?!/?$)',
+            '^\\.\\./\\.\\./\\.\\./?$',
+            '^\\.\\./\\.\\./\\.\\.(?!/?$)',
+          ],
+          ['^@/types'],
+          // other that didnt fit in
+          ['^'],
+        ],
+      },
+    ],
+    //#endregion  //*======== Import Sort ===========
+  },
+  globals: {
+    React: true,
+    JSX: true,
+  },
+};

.gitattributes

@@ -33,3 +33,15 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+output/2vu3w73bafxv3j2dpabiks75ma.mp4 filter=lfs diff=lfs merge=lfs -text
+output/67vmmetb45zwfpagliukad62d4.mp4 filter=lfs diff=lfs merge=lfs -text
+output/7uxth2lbmc2sffiawasrvwaqxy.mp4 filter=lfs diff=lfs merge=lfs -text
+output/eb5izbdbhi6b3rh36y2ldizkwm.mp4 filter=lfs diff=lfs merge=lfs -text
+output/krxnyllb2ajzbaezgbtq7z7b7m.mp4 filter=lfs diff=lfs merge=lfs -text
+output/l7fjlg3b4rt5tuxi6ahyxnogda.mp4 filter=lfs diff=lfs merge=lfs -text
+output/ofscqflb7qeu6rt4n6tnvrxlui.mp4 filter=lfs diff=lfs merge=lfs -text
+output/pbijtydbiooathoar3uthfw5di.mp4 filter=lfs diff=lfs merge=lfs -text
+output/rge2iydbusmp3vuw4ksxodbsne.mp4 filter=lfs diff=lfs merge=lfs -text
+output/sd2doj3bhnygjfauqgwghclgde.mp4 filter=lfs diff=lfs merge=lfs -text
+output/tlvrfotbvqiamajj6dnpxp6wo4.mp4 filter=lfs diff=lfs merge=lfs -text
+output/zcarbk3bdi6ci4dwgchyvvswry.mp4 filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,42 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# next-sitemap
+robots.txt
+sitemap.xml
+sitemap-*.xml

.npmrc

@@ -0,0 +1 @@
+v18.14.0

.prettierignore

@@ -0,0 +1,38 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+.next
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# changelog
+CHANGELOG.md

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'always',
+  singleQuote: true,
+  jsxSingleQuote: true,
+  tabWidth: 2,
+  semi: true,
+};

CHANGELOG.md

@@ -0,0 +1,413 @@
+<!-- //!STARTERCONF Remove this file, this is used as the starter changelog -->
+
+# ts-nextjs-tailwind-starter changelog
+
+This changelog is manually generated and not accurate with the package.json, only to show the changes since the last release.
+
+## 0.5.4 - 2022-07-22
+
+### New Features
+
+- #### Release Please
+
+    Standard Version is now deprecated, and ts-nextjs-tailwind-starter is now using release please. Activate them on `.github/workflows/release-please`
+
+### Improvements & Bug Fixes
+
+- #### More Efficient Lint Actions
+    
+    Lint workflow is now cached and will cancel previous run if there are 2 concurrent runs.
+
+## 0.5.3 - 2022-02-27
+
+### New Features
+
+- #### Shimmer for NextImage and Skeleton
+    
+    Addition of shimmer & blur placeholder for NextImage, and new Skeleton Component with shimmer effect.
+
+    https://user-images.githubusercontent.com/55318172/155867729-8c3176ad-ede4-4443-b42b-780517615e5a.mp4
+
+
+- #### Support for SVGR
+
+    You can directly import SVG like
+
+    ```tsx
+    import Vercel from '~/svg/Vercel.svg';
+
+    <Vercel className='text-5xl' />
+    ```
+
+- #### Public Folder Path Mapping
+
+    Easily access public folder with `~/` prefix.
+
+- #### Tailwind CSS Prettier Sorter
+
+    ts-nextjs-tailwind-starter now use first-party plugin `prettier-plugin-tailwindcss`
+
+### Improvements & Bug Fixes
+
+- #### Layout Declared Twice
+
+    Fix issue where adding elements to Layout ends up rendering them twice
+
+- #### ESLint Curly Brace Rule
+
+    New autofixable rule
+    
+    ```tsx
+    props={'hi'}
+
+    will become
+
+    props='hi'
+    ```
+
+## 0.5.2 - 2021-12-30
+
+### New Features
+
+- #### New Component: PrimaryLink
+
+    Add a link component with accent color on top of UnstyledLink.
+
+### Improvements & Bug Fixes
+
+- #### Unused Import ESlint Autofix
+
+    Unused import will automatically be removed by the ESlint autofix.
+
+- #### Renamed CustomLink to UnderlineLink
+
+    This is to compensate the new PrimaryLink component
+
+- #### Primary Button & ButtonLink Shade
+
+    The shade of the button is now using the `500` instead of `400`.
+
+
+## 0.5.1 - 2021-12-26
+
+### New Features
+
+- #### New Snippets Wrap: clsx and fragment `<></>`
+    
+    You can select text then wrap it with clsx or React.Fragment shorthand.
+    
+    https://user-images.githubusercontent.com/55318172/147401848-3db5dba0-ef71-4f25-9f47-c7908beba69e.mp4
+
+
+## 0.5.0 - 2021-12-21
+
+### New Features
+
+- #### Expansion Pack
+    You can easily add expansion such as React Hook Form + Components, Storybook, and more just using a single command line.
+
+    https://user-images.githubusercontent.com/55318172/146631994-e1cac137-1664-4cfe-950b-a96decc1eaa6.mp4
+
+    Check out the [expansion pack repository](https://github.com/theodorusclarence/expansion-pack) for the commands
+
+### Improvements & Bug Fixes
+
+- #### Can't Use Layout Fill on NextImage
+
+    Using layout fill will make the width and height optional
+
+- #### Vertically center Button & ButtonLink
+
+    Adds `items-center` to make the button vertically centered
+
+
+## 0.4.1 - 2021-12-12
+
+### New Features
+
+- #### Tailwind CSS v3
+    
+    The color palette configuration is also updated accordingly. 
+
+## 0.4.0 - 2021-12-02
+
+### New Features
+
+- #### Button & ButtonLink Variants
+
+    - New Variant: **Outline** and **Ghost**, you can also add `isDarkBg` prop if you are using these variants with dark background.
+    - Animated Underline style on **Primary**, **Dark**, **Light** is removed
+    - Added `ring-primary-500` on `focus-visible`
+
+    ![Button Variants](https://user-images.githubusercontent.com/55318172/144385213-632b3e1f-9a0e-4184-82e0-7905ee3318b4.gif)
+
+- #### ArrowLink
+
+
+    Adds an animated arrow, this component is Polymorphic, the default element is `CustomLink`, you can extend it with `as` prop.
+
+    ```tsx
+    <ArrowLink
+      as={ButtonLink}
+      variant='light'
+      href='/'
+    >
+      Register now
+    </ArrowLink>
+    ```
+
+    ![Arrow Link Feature](https://user-images.githubusercontent.com/55318172/144385991-f3521d52-e0a8-49c5-8e87-409231fdd5b6.gif)
+
+- #### Change default theme to white
+
+    | ![Home Page](https://user-images.githubusercontent.com/55318172/144386763-00e6c3fd-ee2e-4c9e-87f8-18b036bdc2e1.png) | ![404](https://user-images.githubusercontent.com/55318172/144386764-0e4b4fb0-35a8-4725-a795-f998b06543a1.png) |
+    | - | - |
+
+### Improvements & Bug Fixes
+
+- #### Split Next.js Link Props Type
+
+    Now, to add props to Next.js `<Link>` component, you can use `nextLinkProps`.
+
+    ```tsx
+    <UnstyledLink 
+      href='/'
+      nextLinkProps={{
+        shallow: true,
+      }}
+    >
+      Link
+    </UnstyledLink>
+    ```
+
+    The rest of `<a>` props can be directly added as a prop.
+
+- #### Add Motion Safe to Animations
+
+    All components animation respect user preference about motion.
+
+## 0.3.0 - 2021-12-01
+
+### New Features
+
+- #### Create Branch & Auto Resolve Issue Actions
+
+    | ![Create Branch Actions](https://user-images.githubusercontent.com/55318172/144379834-8c3e4d4f-d584-4253-9ad8-b9f1d468ed01.gif) <br> Auto Create Branch | ![Auto Resolve](https://user-images.githubusercontent.com/55318172/144382044-0132e755-9cd5-4805-a756-4086f67b3282.gif) <br> Auto Resolve  |
+    | :--: | :--: |
+
+    You have to install the app for your organization/account/repository from the [GitHub Marketplace](https://github.com/marketplace/create-issue-branch) for this to work.
+
+    The branch will be created on **assign** with format `i${number}-${issue_title_lowercase}`.
+
+- #### Custom Tailwind CSS Class Sorter
+
+    Classes are sorted using [prettier-plugin-sort-class-names](https://github.com/PutziSan/prettier-plugin-sort-class-names) with custom class order on [this file](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter/blob/main/prettier-plugin-sort-class-names-order) and custom variant order on [prettierrc](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter/blob/main/.prettierrc.js)
+
+    With this plugin, we can now safely check the order of the classes using the preconfigured lint action.
+
+## 0.2.0 - 2021-11-10
+
+### New Features
+
+- #### Jest
+
+    Jest is configured and will be run every push on Github Actions
+
+- #### Lint Github Action
+
+    1. **ESLint** - will fail if there are any warning and error.
+    2. **Type Check** - will fail on `tsc` error.
+    3. **Prettier Check** - will fail if there are any formatting error.
+    4. **Test** - will fail if there are any test failure.
+
+## 0.1.0
+
+### New Features
+
+- #### Installed Packages
+
+    1. [clsx](https://bundlephobia.com/package/clsx@latest), utility for constructing `className` strings conditionally.
+    2. [react-icons](https://bundlephobia.com/package/react-icons@latest), svg react icons of popular icon packs.
+
+- #### UnstyledLink Component
+
+    Used as a component for Next.js Link. Will render out Next/Link if the href started with `/` or `#`, else will render an `a` tag with `target='_blank'`. Also add a cursor style for outside links
+
+- #### CustomLink Component
+
+    ![customlink](https://user-images.githubusercontent.com/55318172/129183546-4e8c2059-0493-4459-a1e9-755fbd32fe39.gif)
+
+
+- #### Absolute Import
+
+    You can import without using relative path
+
+    ```tsx
+    import Nav from '../../../components/Nav';
+
+    simplified to
+
+    import Nav from '@/components/Nav';
+    ```
+
+- #### Seo Component
+
+    Configure the default in `src/components/Seo.tsx`. If you want to use the default, just add `<Seo />` on top of your page.
+
+    You can also customize it per page by overriding the title, description as props
+
+    ```tsx
+    <Seo title='Next.js Tailwind Starter' description='your description' />
+    ```
+
+    or if you want to still keep the title like `%s | Next.js Tailwind Starter`, you can use `templateTitle` props.
+
+- #### Custom 404 Page
+
+![404](https://user-images.githubusercontent.com/55318172/129184274-d90631f2-6688-4ed2-bef2-a4d018a4863c.gif)
+
+- #### Workspace Snippets
+
+Snippets such as React import, useState, useEffect, React Component. [View more](/.vscode/typescriptreact.code-snippets)
+
+- #### Husky, Prettier, Lint, and Commitlint Configured
+
+    3 Husky hooks including:
+
+    1. pre-commit, running `next lint` and format the code using prettier
+    2. commit-msg, running commitlint to ensure the use of [Conventional Commit](https://theodorusclarence.com/library/conventional-commit-readme) for commit messages
+    3. post-merge, running `yarn` every `git pull` or after merge to ensure all new packages are installed and ready to go
+
+- #### Default Favicon Declaration
+
+    Use [Favicon Generator](https://www.favicon-generator.org/) and then overwrite the files in `/public/favicon`
+
+- #### Default Tailwind CSS Base Styles
+
+    There are default styles for responsive heading sizes, and `.layout` to support a max-width for larger screen size. Find more about it on [my blog post](https://theodorusclarence.com/blog/tailwindcss-best-practice#1-using-layout-class-or-container)
+
+- #### Open Graph Generator
+
+    | ![image](https://user-images.githubusercontent.com/55318172/137617070-806a0509-84bd-4cae-a900-2ab17e418d8d.png) | ![image](https://user-images.githubusercontent.com/55318172/137617090-c24f684a-bfe5-41b6-8ba9-fa99bae5cadf.png) |
+    | --------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
+
+    Open Graph is generated using [og.thcl.dev](https://og.thcl.dev), but please fork and self-host if your website is going to have a lot of traffic.
+
+    Check out the [repository](https://github.com/theodorusclarence/og) to see the API parameters.
+
+- #### Preloaded & Self Hosted Inter Fonts
+
+    Inter fonts is a variable fonts that is self hosted and preloaded.
+
+## Snippets
+
+This starter is equipped with workspace-snippets, it is encouraged to use it, especially the `np` and `rc`
+
+### Next.js Page
+
+File inside `src/pages` will be the webpage route, there are 2 things that need to be added in Next.js page:
+
+1. Seo component
+2. Layout class to give constraint to viewport width. [Read more about layout class](https://theodorusclarence.com/blog/tailwindcss-best-practice#1-using-layout-class-or-container).
+
+Snippets: `np`
+
+```tsx
+import * as React from 'react';
+import Seo from '@/components/Seo';
+export default function TestPage() {
+  return (
+    <>
+      <Seo templateTitle='Test' />
+      <main>
+        <section className=''>
+          <div className='layout'></div>
+        </section>
+      </main>
+    </>
+  );
+}
+```
+
+### React Components
+
+To make a new component, It is encouraged to use `export default function`. Because when we need to rename it, we only need to do it once.
+
+Snippets: `rc`
+
+```tsx
+import * as React from 'react';
+export default function Component() {
+  return <div></div>;
+}
+```
+
+#### Import React
+
+Snippets: `ir`
+
+```tsx
+import * as React from 'react';
+```
+
+#### Import Next Image
+
+Snippets: `imimg`
+
+```tsx
+import Image from 'next/image';
+```
+
+#### Import Next Link
+
+Snippets: `iml`
+
+```tsx
+import Link from 'next/link';
+```
+
+#### useState Hook
+
+Snippets: `us`
+
+```tsx
+const [state, setState] = React.useState(initialState);
+```
+
+#### useEffect Hook
+
+Snippets: `uf`
+
+```tsx
+React.useEffect(() => {}, []);
+```
+
+#### useReducer Hook
+
+Snippets: `ur`
+
+```tsx
+const [state, dispatch] = React.useReducer(someReducer, {});
+```
+
+#### useRef Hook
+
+Snippets: `urf`
+
+```tsx
+const someRef = React.useRef();
+```
+
+#### Region Comment
+
+It is really useful when we need to group code. It is also collapsible in VSCode
+
+Snippets: `reg`
+
+```tsx
+//#region  //*============== FORM SUBMIT
+//#endregion  //*============== FORM SUBMIT
+```
+
+You should also use [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) extension.
+

commitlint.config.js

@@ -0,0 +1,24 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    //   TODO Add Scope Enum Here
+    // 'scope-enum': [2, 'always', ['yourscope', 'yourscope']],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'chore',
+        'style',
+        'refactor',
+        'ci',
+        'test',
+        'perf',
+        'revert',
+        'vercel',
+      ],
+    ],
+  },
+};

jest.config.js

@@ -0,0 +1,29 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: './',
+});
+
+// Add any custom config to be passed to Jest
+const customJestConfig = {
+  // Add more setup options before each test is run
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+
+  // if using TypeScript with a baseUrl set to the root directory then you need the below for alias' to work
+  moduleDirectories: ['node_modules', '<rootDir>/'],
+
+  testEnvironment: 'jest-environment-jsdom',
+
+  /**
+   * Absolute imports and Module Path Aliases
+   */
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1',
+    '^~/(.*)$': '<rootDir>/public/$1',
+  },
+};
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig);

jest.setup.js

@@ -0,0 +1,5 @@
+import '@testing-library/jest-dom/extend-expect';
+
+// Allow router mocks.
+// eslint-disable-next-line no-undef
+jest.mock('next/router', () => require('next-router-mock'));

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next-sitemap.config.js

@@ -0,0 +1,13 @@
+/**
+ * @type {import('next-sitemap').IConfig}
+ * @see https://github.com/iamvishnusankar/next-sitemap#readme
+ */
+module.exports = {
+  // !STARTERCONF Change the siteUrl
+  /** Without additional '/' on the end, e.g. https://theodorusclarence.com */
+  siteUrl: 'https://tsnext-tw.thcl.dev',
+  generateRobotsTxt: true,
+  robotsTxtOptions: {
+    policies: [{ userAgent: '*', allow: '/' }],
+  },
+};

next.config.js

@@ -0,0 +1,37 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  eslint: {
+    dirs: ['src'],
+  },
+
+  reactStrictMode: true,
+  swcMinify: true,
+
+  // Uncoment to add domain whitelist
+  // images: {
+  //   domains: [
+  //     'res.cloudinary.com',
+  //   ],
+  // },
+
+  // SVGR
+  webpack(config) {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: [
+        {
+          loader: '@svgr/webpack',
+          options: {
+            typescript: true,
+            icon: true,
+          },
+        },
+      ],
+    });
+
+    return config;
+  },
+};
+
+module.exports = nextConfig;

output/2vu3w73bafxv3j2dpabiks75ma.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6551dd67bfafc5e898d24e39c496fb4b0403987b20aa80999522bcace7ee8be8
+size 2112542

output/67vmmetb45zwfpagliukad62d4.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:48a52a3c466ac7a6c3b1717e56d62d9f9b66f9197401e78c171b2e15c1466381
+size 1344304

output/7uxth2lbmc2sffiawasrvwaqxy.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9f7ec068295de6bb9ff7a203a140169f929e613cc2e3c2467546c5f0833de746
+size 2280058

output/eb5izbdbhi6b3rh36y2ldizkwm.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a42ec0ad313b5ab50c7016de66ba6c8365a99ac7dda846f68d5f530dbbac9597
+size 1703796

output/krxnyllb2ajzbaezgbtq7z7b7m.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e98fa7b6d69bfab9dc83b21ccdd93dc7fd251b2660076817e9499fe2aaab775b
+size 2662759

output/l7fjlg3b4rt5tuxi6ahyxnogda.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0a8f5441f7ac18e997dbba3e1fd34be727de5abe36377830fa4b360029c008cd
+size 1659829

output/ofscqflb7qeu6rt4n6tnvrxlui.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:62abde2ec645c8e1955ab025139a5cba78336ab241eb60e29a91fb88cf2b7904
+size 1708857

output/pbijtydbiooathoar3uthfw5di.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1448b961451f1b2ba1e7a1e9f5fda49485d474f14a3f908e7774797890cdfe2f
+size 1682765

output/rge2iydbusmp3vuw4ksxodbsne.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7888df1a384bccf136622d54d9ede87cbd9fb9de3bc385cbdef680a05bf821f4
+size 1702028

output/sd2doj3bhnygjfauqgwghclgde.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1483b73bc30fead631f75f3940cf3bcf4666686a2fa36204ec58804280bb346c
+size 1253364

output/tlvrfotbvqiamajj6dnpxp6wo4.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dffd2d080c552ef7d33d3fd03655829054e272630723e605b5a09693f74971c6
+size 1950174

output/zcarbk3bdi6ci4dwgchyvvswry.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:702e2cad6392e54dae60794430ad21cf82dae635c1706aed5188842821161bcb
+size 3668962

package.json

@@ -0,0 +1,68 @@
+{
+  "name": "ts-nextjs-tailwind-starter",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "lint:fix": "eslint src --fix && yarn format",
+    "lint:strict": "eslint --max-warnings=0 src",
+    "typecheck": "tsc --noEmit --incremental false",
+    "test:watch": "jest --watch",
+    "test": "jest",
+    "format": "prettier -w .",
+    "format:check": "prettier -c .",
+    "postbuild": "next-sitemap --config next-sitemap.config.js",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "axios": "^1.5.1",
+    "clsx": "^1.2.1",
+    "formidable": "^3.5.1",
+    "lucide-react": "^0.260.0",
+    "next": "^13.4.10",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.10.1",
+    "replicate": "^0.20.1",
+    "tailwind-merge": "^1.13.2"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^16.3.0",
+    "@commitlint/config-conventional": "^16.2.4",
+    "@svgr/webpack": "^6.5.1",
+    "@tailwindcss/forms": "^0.5.4",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@types/react": "^18.2.15",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "autoprefixer": "^10.4.14",
+    "eslint": "^8.45.0",
+    "eslint-config-next": "^13.4.10",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
+    "husky": "^7.0.4",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.5.0",
+    "next-router-mock": "^0.7.5",
+    "next-sitemap": "^2.5.28",
+    "postcss": "^8.4.26",
+    "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.1.13",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^4.9.5"
+  },
+  "lint-staged": {
+    "**/*.{js,jsx,ts,tsx}": [
+      "eslint --max-warnings=0",
+      "prettier -w"
+    ],
+    "**/*.{json,css,scss,md,webmanifest}": [
+      "prettier -w"
+    ]
+  }
+}

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

public/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/favicon/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/favicon/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}