Skip to content

Commit bf6b76a

Browse files
author
Nirmalya Ghosh
authored
Merge pull request #357 from msaaddev/main
📦 NEW: Added Planet App
2 parents 4b4a860 + fd13cbd commit bf6b76a

14 files changed

+3518
-0
lines changed

‎planet-app/.gitignore

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# next.js
12+
/.next/
13+
/out/
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
*.pem
21+
22+
# debug
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*
26+
27+
# local env files
28+
.env.local
29+
.env.development.local
30+
.env.test.local
31+
.env.production.local
32+
33+
# vercel
34+
.vercel

‎planet-app/README.md

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
![cover](assets/cover.png)
2+
3+
<div align="center">
4+
<h2>Planet App</h2>
5+
</div>
6+
7+
> [Live Preview](https://rapidapi-example-planet-app.vercel.app/)
8+
9+
### ⚡️ Features
10+
11+
- Show information about different planets
12+
- Mobile Friendly
13+
14+
## 📖 Guide
15+
16+
[*Read how we build this application*](https://rapidapi.com/guides/build-planet-app)
17+
18+
### 🛠️ Installation Steps
19+
20+
1. Download the `planet-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/planet-app) to download it.
21+
22+
2. Unzip the downloaded file and navigate to the working directory.
23+
24+
```bash
25+
cd RapidAPI\ DevRel-Examples-External\ main\ planet-app/
26+
```
27+
28+
3. Install dependencies
29+
30+
```bash
31+
npm install
32+
```
33+
34+
4. Create `.env.local` file in root and add your RapidAPI key.
35+
36+
```bash
37+
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
38+
```
39+
40+
5. Run the app
41+
42+
```bash
43+
npm run dev
44+
```
45+
46+
You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.

‎planet-app/assets/cover.png

198 KB
Loading

‎planet-app/components/Layout.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import SEO from "./SEO";
2+
3+
const Layout = ({ children }) => {
4+
return (
5+
<div className="bg-bc min-h-screen">
6+
<SEO />
7+
{children}
8+
</div>
9+
);
10+
};
11+
12+
export default Layout;

‎planet-app/components/SEO.js

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
// packages
2+
import Head from "next/head";
3+
4+
const SEO = () => {
5+
return (
6+
<Head>
7+
<meta charSet="utf-8" />
8+
<meta name="theme-color" content="#ffffff" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
10+
<meta name="description" content="Generated by create next app" />
11+
<link rel="icon" href="/favicon.ico" />
12+
<title>RapidAPI DevRel Example - Planet App</title>
13+
<link rel="preconnect" href="https://fonts.googleapis.com" />
14+
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
15+
<link
16+
href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700;800&display=swap"
17+
rel="stylesheet"
18+
/>
19+
</Head>
20+
);
21+
};
22+
23+
export default SEO;

0 commit comments

Comments
 (0)