From 92106c39753a671363dcfd27d46d0820ffbc1b35 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= Date: Sat, 23 Jan 2021 19:59:19 +0900 Subject: [PATCH] feat: using dynamic import --- pages/_app.tsx | 6 ++++-- pages/bots/[id].tsx | 24 ++++++++++++++---------- pages/debug.tsx | 8 +++++--- pages/guidelines.tsx | 4 +++- pages/index.tsx | 6 +++--- pages/list/votes.tsx | 10 ++++++---- pages/privacy.tsx | 4 +++- pages/users/[id].tsx | 24 ++++++++++++++---------- 8 files changed, 52 insertions(+), 34 deletions(-) diff --git a/pages/_app.tsx b/pages/_app.tsx index d462b6d..49637c9 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,10 +1,12 @@ import Head from 'next/head' import type { AppProps } from 'next/app' import { ThemeProvider } from 'next-themes' +import dynamic from 'next/dynamic' import { useEffect, useState } from 'react' -import Footer from '@components/Footer' -import Navbar from '@components/Navbar' +const Footer = dynamic(()=> import('@components/Footer')) +const Navbar = dynamic(()=> import('@components/Navbar')) + import Crypto from 'crypto' import secret from '../secret.json' diff --git a/pages/bots/[id].tsx b/pages/bots/[id].tsx index 3451dc9..bc0dd2e 100644 --- a/pages/bots/[id].tsx +++ b/pages/bots/[id].tsx @@ -1,4 +1,5 @@ import { NextPage, NextPageContext } from 'next' +import dynamic from 'next/dynamic' import Link from 'next/link' import { SnowflakeUtil } from 'discord.js' import { ParsedUrlQuery } from 'querystring' @@ -9,18 +10,21 @@ import * as Query from '@utils/Query' import Day from '@utils/Day' import { formatNumber } from '@utils/Tools' -import Container from '@components/Container' -import DiscordAvatar from '@components/DiscordAvatar' -import Divider from '@components/Divider' -import Tag from '@components/Tag' -import Owner from '@components/Owner' -import Segment from '@components/Segment' -import SEO from '@components/SEO' -import LongButton from '@components/LongButton' -import Advertisement from '@components/Advertisement' -import Tooltip from '@components/Tooltip' import NotFound from '../404' +const Container = dynamic(()=> import('@components/Container')) +const DiscordAvatar = dynamic(()=> import('@components/DiscordAvatar')) +const Divider = dynamic(()=> import('@components/Divider')) +const Tag = dynamic(()=> import('@components/Tag')) +const Owner = dynamic(()=> import('@components/Owner')) +const Segment = dynamic(()=> import('@components/Segment')) +const SEO = dynamic(()=> import('@components/SEO')) +const LongButton = dynamic(()=> import('@components/LongButton')) +const Advertisement = dynamic(()=> import('@components/Advertisement')) +const Tooltip = dynamic(()=> import('@components/Tooltip')) + + + const Bots: NextPage = ({ data, date }) => { if (!data || !data.id) return return diff --git a/pages/debug.tsx b/pages/debug.tsx index 60d7034..18d335f 100644 --- a/pages/debug.tsx +++ b/pages/debug.tsx @@ -1,17 +1,19 @@ import { useTheme } from 'next-themes' +import dynamic from 'next/dynamic' import { useFormik } from 'formik' import MarkdownView from 'react-showdown' import sanitizeHtml from 'sanitize-html' import { anchorHeader, checkBrowser } from '@utils/Tools' -import Container from '@components/Container' -import Divider from '@components/Divider' -import Segment from '@components/Segment' +const Container = dynamic(()=> import('@components/Container')) +const Divider = dynamic(()=> import('@components/Divider')) +const Segment = dynamic(()=> import('@components/Segment')) import Package from '../package.json' + const ClientInfo = ( ):JSX.Element => { const formik = useFormik({ initialValues: { diff --git a/pages/guidelines.tsx b/pages/guidelines.tsx index 9241fe8..e91007d 100644 --- a/pages/guidelines.tsx +++ b/pages/guidelines.tsx @@ -1,5 +1,7 @@ import { NextPage } from 'next' -import Docs from '@components/Docs' +import dynamic from 'next/dynamic' + +const Docs = dynamic(()=> import('@components/Docs')) const Privacy: NextPage = () => { return ( diff --git a/pages/index.tsx b/pages/index.tsx index 9f230f6..7f1a308 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,8 +1,5 @@ import { NextPage } from 'next' import dynamic from 'next/dynamic' -import Paginator from '@components/Paginator' -import Search from '@components/Search' -import Tag from '@components/Tag' import { BotList } from '@types' import * as Query from '@utils/Query' @@ -12,6 +9,9 @@ const Advertisement = dynamic(()=> import('@components/Advertisement')) const Container = dynamic(()=> import('@components/Container')) const BotCard = dynamic(()=> import('@components/BotCard')) const Wave = dynamic(()=> import('@components/Wave')) +const Tag = dynamic(()=> import('@components/Tag')) +const Search = dynamic(()=> import('@components/Search')) +const Paginator = dynamic(()=> import('@components/Paginator')) const Index: NextPage = ({ votes, newBots, trusted }) => { return ( diff --git a/pages/list/votes.tsx b/pages/list/votes.tsx index 7a24c27..337b136 100644 --- a/pages/list/votes.tsx +++ b/pages/list/votes.tsx @@ -1,15 +1,17 @@ import { NextPage, NextPageContext } from 'next' +import dynamic from 'next/dynamic' import { ParsedUrlQuery } from 'querystring' import { BotList } from '@types' import * as Query from '@utils/Query' -import Advertisement from '@components/Advertisement' -import BotCard from '@components/BotCard' -import Container from '@components/Container' -import Paginator from '@components/Paginator' import NotFound from '../404' +const Advertisement = dynamic(()=> import('@components/Advertisement')) +const BotCard = dynamic(()=> import('@components/BotCard')) +const Container = dynamic(()=> import('@components/Container')) +const Paginator = dynamic(()=> import('@components/Paginator')) + const Votes:NextPage = ({ data }:VotesProps) => { if(!data) return return diff --git a/pages/privacy.tsx b/pages/privacy.tsx index 88c7281..0ebadd3 100644 --- a/pages/privacy.tsx +++ b/pages/privacy.tsx @@ -1,5 +1,7 @@ import { NextPage } from 'next' -import Docs from '@components/Docs' +import dynamic from 'next/dynamic' + +const Docs = dynamic(()=> import('@components/Docs')) const Privacy: NextPage = () => { return ( diff --git a/pages/users/[id].tsx b/pages/users/[id].tsx index 55555d5..6134bbd 100644 --- a/pages/users/[id].tsx +++ b/pages/users/[id].tsx @@ -1,20 +1,24 @@ import { NextPage, NextPageContext } from 'next' +import dynamic from 'next/dynamic' import { SnowflakeUtil } from 'discord.js' -import * as Query from '@utils/Query' import { ParsedUrlQuery } from 'querystring' import { josa } from 'josa' + import { Bot, User } from '@types' +import * as Query from '@utils/Query' +import { checkPerm } from '@utils/Tools' import NotFound from '../404' -import Container from '@components/Container' -import SEO from '@components/SEO' -import DiscordAvatar from '@components/DiscordAvatar' -import Divider from '@components/Divider' -import BotCard from '@components/BotCard' -import Tag from '@components/Tag' -import { checkPerm } from '@utils/Tools' -import Advertisement from '@components/Advertisement' -import Tooltip from '@components/Tooltip' + +const Container = dynamic(()=> import('@components/Container')) +const SEO = dynamic(()=> import('@components/SEO')) +const DiscordAvatar = dynamic(()=> import('@components/DiscordAvatar')) +const Divider = dynamic(()=> import('@components/Divider')) +const BotCard = dynamic(()=> import('@components/BotCard')) +const Tag = dynamic(()=> import('@components/Tag')) +const Advertisement = dynamic(()=> import('@components/Advertisement')) +const Tooltip = dynamic(()=> import('@components/Tooltip')) + const Users: NextPage = ({ data }) => { if (!data.id) return return (