【文件属性】:
文件名称:google-clone-nextjs:使用nextjs,google自定义搜索API,tailwindcss和heroicons进行google.com克隆
文件大小:153KB
文件格式:ZIP
更新时间:2021-04-12 16:50:36
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)