文件名称:google-clone-nextjs:使用nextjs,google自定义搜索API,tailwindcss和heroicons进行google.com克隆
文件大小:153KB
文件格式:ZIP
更新时间:2024-05-02 10:37:16
JavaScript
google-clone-nextjs google.com的副本,使用: Next.js 用于自定义搜索的Google API 尾风 heroicons。 克隆或下载存储库并运行npm i以安装依赖项,然后npm start运行react项目。 API密钥未公开,因此您必须为google搜索API和google搜索上下文添加自己的密钥:在根文件夹中,创建一个文件keys.js并添加两个密钥: export const API_KEY = 'YOUR GOOGLE SEARCH API KEY'; export const CONTEXT_KEY = 'YOUR GOOGLE CONTEXT KEY';
【文件预览】:
google-clone-nextjs-main
----next.config.js(76B)
----package.json(449B)
----LICENSE(1KB)
----package-lock.json(298KB)
----keys.js(205B)
----pages()
--------index.js(2KB)
--------api()
--------search.js(1KB)
--------_app.js(137B)
----.gitignore(386B)
----components()
--------HeaderOptions.js(1KB)
--------Footer.js(868B)
--------Header.js(2KB)
--------PaginationButton.js(1KB)
--------HeaderOption.js(410B)
--------SearchResults.js(1KB)
--------Avatar.js(255B)
----tailwind.config.js(284B)
----styles()
--------globals.css(354B)
----public()
--------profile.jpg(53KB)
--------favicon.png(1KB)
--------vercel.svg(1KB)
--------favicon.ico(15KB)
----README.md(595B)
----postcss.config.js(82B)
----response.js(33KB)