diff --git a/pages/list/new.tsx b/pages/list/new.tsx
new file mode 100644
index 0000000..5720d4e
--- /dev/null
+++ b/pages/list/new.tsx
@@ -0,0 +1,41 @@
+import { NextPage } from 'next'
+import dynamic from 'next/dynamic'
+
+import { get } from '@utils/Query'
+import { BotList } from '@types'
+
+const Hero = dynamic(() => import('@components/Hero'))
+const Advertisement = dynamic(() => import('@components/Advertisement'))
+const SEO = dynamic(() => import('@components/SEO'))
+const BotCard = dynamic(() => import('@components/BotCard'))
+const Container = dynamic(() => import('@components/Container'))
+
+const New:NextPage<NewProps> = ({ data }) => {
+	return <>
+		<Hero header='새로운 봇' description='최근에 한국 디스코드봇 리스트에 추가된 봇들입니다!' />
+		<SEO title='새로운 봇' description='최근에 추가된 봇들입니다!' />
+		<Container>
+			<Advertisement />
+			<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-20'>
+				{
+					data.data.map(bot => <BotCard key={bot.id} bot={bot} /> )
+				}
+			</div>
+		</Container>
+	</>
+}
+
+export const getServerSideProps = async () => {
+	const data = await get.list.new.load(1)
+	return {
+		props: {
+			data
+		}
+	}
+}
+
+interface NewProps {
+  data: BotList
+}
+
+export default New
\ No newline at end of file