google-clone
说明： 使用Next JS、Tailwind CSS和Heroicons作为前端和谷歌可编程搜索引擎的谷歌克隆
(A Google clone using Next JS, Tailwind CSS & Heroicons for the front-end and the Google Programmable Search Engine)
(A Google clone using Next JS, Tailwind CSS & Heroicons for the front-end and the Google Programmable Search Engine)
文件列表:
LICENSE (1101, 2022-10-07)
google (0, 2022-10-07)
google\.env.example (52, 2022-10-07)
google\Dockerfile (545, 2022-10-07)
google\components (0, 2022-10-07)
google\components\Avatar.js (262, 2022-10-07)
google\components\Footer.js (990, 2022-10-07)
google\components\Header.js (1989, 2022-10-07)
google\components\HeaderOption.js (385, 2022-10-07)
google\components\HeaderOptions.js (927, 2022-10-07)
google\components\PaginationButtons.js (994, 2022-10-07)
google\components\SearchResults.js (952, 2022-10-07)
google\docker-compose.yml (265, 2022-10-07)
google\next.config.js (88, 2022-10-07)
google\package.json (473, 2022-10-07)
google\pages (0, 2022-10-07)
google\pages\_app.js (137, 2022-10-07)
google\pages\api (0, 2022-10-07)
google\pages\api\hello.js (157, 2022-10-07)
google\pages\index.js (2789, 2022-10-07)
google\pages\search.js (1068, 2022-10-07)
google\postcss.config.js (82, 2022-10-07)
google\public (0, 2022-10-07)
google\public\logo.png (13504, 2022-10-07)
google\styles (0, 2022-10-07)
google\styles\globals.css (298, 2022-10-07)
google\tailwind.config.js (276, 2022-10-07)
google\yarn.lock (104138, 2022-10-07)
img (0, 2022-10-07)
img\img1.png (46946, 2022-10-07)
img\img2.png (100693, 2022-10-07)
google (0, 2022-10-07)
google\.env.example (52, 2022-10-07)
google\Dockerfile (545, 2022-10-07)
google\components (0, 2022-10-07)
google\components\Avatar.js (262, 2022-10-07)
google\components\Footer.js (990, 2022-10-07)
google\components\Header.js (1989, 2022-10-07)
google\components\HeaderOption.js (385, 2022-10-07)
google\components\HeaderOptions.js (927, 2022-10-07)
google\components\PaginationButtons.js (994, 2022-10-07)
google\components\SearchResults.js (952, 2022-10-07)
google\docker-compose.yml (265, 2022-10-07)
google\next.config.js (88, 2022-10-07)
google\package.json (473, 2022-10-07)
google\pages (0, 2022-10-07)
google\pages\_app.js (137, 2022-10-07)
google\pages\api (0, 2022-10-07)
google\pages\api\hello.js (157, 2022-10-07)
google\pages\index.js (2789, 2022-10-07)
google\pages\search.js (1068, 2022-10-07)
google\postcss.config.js (82, 2022-10-07)
google\public (0, 2022-10-07)
google\public\logo.png (13504, 2022-10-07)
google\styles (0, 2022-10-07)
google\styles\globals.css (298, 2022-10-07)
google\tailwind.config.js (276, 2022-10-07)
google\yarn.lock (104138, 2022-10-07)
img (0, 2022-10-07)
img\img1.png (46946, 2022-10-07)
img\img2.png (100693, 2022-10-07)
# Google Clone
A Google clone using [Next JS](https://nextjs.org), [Tailwind CSS](https://tailwindcss.com) & [Heroicons](https://heroicons.com) for the front-end and the [Google Programmable Search Engine](https://developers.google.com/custom-search?authuser=1). Inspired by [this tutorial](https://www.youtube.com/watch?v=24xpTmaPOdY&t=171s)
## Requirements
Inside the repo there is a [.env.example file](./google/.env.example). Rename it to .env.local and fill the values with your own api keys.
For the google api you will need an api key and a context key.
```javascript
NEXT_PUBLIC_GOOGLE_API_KEY=
NEXT_PUBLIC_CONTEXT_KEY=
```
## Installation
Assuming you have [npm](https://www.npmjs.com) or [yarn](https://www.yarnpkg.com) installed, clone the repo and run the following code:
```
npm install
or
yarn install
```
## Usage
Inside the cloned folder run:
```
npm run dev
or
yarn dev
```
## Example
近期下载者：
相关文件：
收藏者：