Merge pull request #136 from junhoyeo/junhoyeo/follow-up-web-ui

[web-ui] Make app dir to work as intended
junhoyeo · Jul 13, 2023 · f8afde6 · f8afde6
2 parents 6d28007 + 4da70f8
commit f8afde6
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 332 deletions.
diff --git a/threads-web-ui/app/page.tsx b/threads-web-ui/app/page.tsx
@@ -1,13 +1,8 @@
-'use client';
-
-import { AppProps } from 'next/app';
-import { GlobalStyle } from '@/components/GlobalStyle';
 import './globals.css';
 
 export default function Home() {
   return (
     <>
-      <GlobalStyle />
       <div className="flex flex-col items-center">
         <header className="flex flex-col gap-5 pt-[64px] pb-12 px-4 items-center rounded-3xl">
           <h1 className="text-6xl font-black tracking-tight text-center">

diff --git a/threads-web-ui/components/GlobalStyle.tsx b/threads-web-ui/components/GlobalStyle.tsx
diff --git a/threads-web-ui/next.config.js b/threads-web-ui/next.config.js
@@ -1,13 +1,20 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
+module.exports = {
+  reactStrictMode: true,
   images: {
     remotePatterns: [
       {
         protocol: 'https',
-        hostname: '**.cdninstagram.com, **.fbcdn.net',
+        hostname: '**.cdninstagram.com',
+      },
+      {
+        protocol: 'https',
+        hostname: 'scontent.cdninstagram.com',
+      },
+      {
+        protocol: 'https',
+        hostname: '**.fbcdn.net',
       },
     ],
   },
 };
-
-module.exports = nextConfig;
diff --git a/threads-web-ui/package.json b/threads-web-ui/package.json
@@ -11,11 +11,8 @@
     "format": "prettier --write \"**/*.js\" \"**/*.ts\" \"**/*.tsx\" \"**/*.css\" \"./app/**/*.js\" \"./app/**/*.ts\" \"./app/**/*.tsx\" \"./app/**/*.css\""
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
     "class-variance-authority": "^0.6.1",
     "clsx": "^1.2.1",
-    "emotion-reset": "^3.0.1",
     "lucide-react": "^0.258.0",
     "next": "13.4.9",
     "prettier": "^3.0.0",

diff --git a/threads-web-ui/tailwind.config.js b/threads-web-ui/tailwind.config.js
@@ -1,12 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: ['class'],
-  content: [
-    './pages/**/*.{ts,tsx}',
-    './components/**/*.{ts,tsx}',
-    './app/**/*.{ts,tsx}',
-    './src/**/*.{ts,tsx}',
-  ],
+  content: ['./components/**/*.{ts,tsx}', './app/**/*.{ts,tsx}', '../node_modules/react-threads/**/*'],
   theme: {
     container: {
       center: true,