文件名称：google-clone-nextjs:使用nextjs SSR的Google克隆
文件大小：89KB
文件格式：ZIP
更新时间：2024-06-03 21:22:54
JavaScript
使用Nextjs SSR和TailwindCSS制作的Google克隆。 您可以在此处查看在线演示： : 。 目前，在线演示使用的静态数据位于./response.js这是因为Google的api每天最多只能请求100个请求。 如果您要使用Google的api，则需要提供自己的api和上下文密钥，并在./keys.js声明它们： export const API_KEY = "yourkey"; export const CONTEXT_KEY = "yourkey"; 提供密钥后，您需要在./pages/search.jsx处更改静态提取标志： export async function getServerSideProps(context) { const useStaticData = true; // <- change it to false if you wa
【文件预览】：
google-clone-nextjs-main
----.gitignore(386B)
----components()
--------Avatar.jsx(292B)
--------HeaderOptions.jsx(982B)
--------SearchPageInput.jsx(1KB)
--------PaginationButtons.jsx(1KB)
--------Body.jsx(1KB)
--------Header.jsx(837B)
--------HeaderOption.jsx(399B)
--------SearchHeader.jsx(1KB)
--------Footer.jsx(890B)
--------SearchInput.jsx(573B)
--------SearchResults.jsx(1KB)
----package.json(450B)
----package-lock.json(250KB)
----postcss.config.js(82B)
----next.config.js(109B)
----response.js(28KB)
----public()
--------vercel.svg(1KB)
--------favicon.ico(15KB)
----README.md(2KB)
----styles()
--------globals.css(298B)
----pages()
--------api()
--------index.jsx(528B)
--------search.jsx(1KB)
--------_app.js(140B)
----tailwind.config.js(277B)
----keys.js(59B)