├── .gitignore ├── README.md ├── jsconfig.json ├── next.config.js ├── package.json ├── public ├── favicon.ico ├── next.svg └── vercel.svg ├── src ├── components │ ├── About.js │ ├── Footer.js │ ├── JoinNow.js │ ├── Navbar.js │ └── Showcase.js ├── pages │ ├── _app.js │ ├── _document.js │ ├── api │ │ └── hello.js │ ├── commands.js │ └── index.js ├── styles │ ├── globals.scss │ └── partials │ │ ├── _about.scss │ │ ├── _footer.scss │ │ ├── _joinUs.scss │ │ ├── _navbar.scss │ │ └── _showcase.scss └── utils │ └── images │ ├── botStatus.svg │ └── htmlBackground.svg └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 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 | 30 | # vercel 31 | .vercel 32 | 33 | # typescript 34 | *.tsbuildinfo 35 | next-env.d.ts 36 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Discord bot website template 2 | 3 | Beautiful website template for your discord bot to get started! Built with NextJs and Love! 4 | 5 | 6 | Open for freelancing work. feel free to contact me - preetsutharxd@gmail.com 7 | 8 | 9 | ![Fork and use for free forever](https://i.imgur.com/1IZaaOx.png) 10 | ![Consider giving it star](https://i.imgur.com/2z1J5Hw.png) 11 | 12 | ## Getting started 13 | 14 | Just edit information about your bot in `src/components` and you're good to go! 15 | 16 | ## Deplyment 17 | 18 | Use [vercel](https://vercel.com) to deploy this website, 19 | 20 | 1. Fork this repository [here](https://github.com/preetsuthar17/discord-boy-website-template/fork) 21 | 2. Go to [vercel.com](https://vercel.com) 22 | 3. Sign up or Login. 23 | 4. Create `new project`, Connect GitHub and select this forked repository. 24 | 5. Hit `deploy` at the last and you're good to go! 25 | 26 | Additionally, you can setup domain, dashboard further customization in website anything you want! 27 | 28 | That's it! Enjoy coding! 29 | 30 | ## Credits 31 | 32 | - Author: Preet Suthar 33 | - [GitHub](https://github.com/preetsuthar17) 34 | - [Website](https://preetsuthar.me) 35 | -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "paths": { 4 | "@/*": ["./src/*"] 5 | } 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = { 3 | reactStrictMode: true, 4 | } 5 | 6 | module.exports = nextConfig 7 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "discord-bot-website-template", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "framer-motion": "^10.18.0", 13 | "next": "13.4.19", 14 | "react": "18.2.0", 15 | "react-dom": "18.2.0", 16 | "sass": "^1.66.1" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/preetsuthar17/discord-bot-website-template/8604fad976fb23b4943b9c6cdbde79f03895f20e/public/favicon.ico -------------------------------------------------------------------------------- /public/next.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/About.js: -------------------------------------------------------------------------------- 1 | import Link from "next/link"; 2 | 3 | const About = () => { 4 | return ( 5 | <> 6 |
7 |
8 |

Why use this bot?

9 |
10 |
11 |
12 |
13 |

⚡ Commands

14 |

15 | We have more than 200 commands support in this bot. 16 |

17 |
18 |
19 |
20 |

✉️ 24/7 Support

21 |

22 | The biggest support community server for the bot available for 23 | you anytime. 24 |

25 |
26 |
27 |
28 |

✏️ Customization

29 |

30 | Fully customizable discord bot completely FREE! 31 |

32 |
33 |
34 |
35 |
36 |

37 | 38 | Check out Commands → 39 | 40 |

41 | 42 |
43 |
44 |

17k+

45 |

Total Servers

46 |
47 |
48 |

94k+

49 |

Total Users

50 |
51 |
52 |

375k+

53 |

Total Commands

54 |
55 |
56 |
57 | 58 | ); 59 | }; 60 | 61 | export default About; 62 | -------------------------------------------------------------------------------- /src/components/Footer.js: -------------------------------------------------------------------------------- 1 | import Link from "next/link"; 2 | import Image from "next/image"; 3 | import botOnlineStatus from "../utils/images/botStatus.svg"; 4 | 5 | const Footer = () => { 6 | const year = new Date().getFullYear(); 7 | return ( 8 |
9 | 89 |
90 | ); 91 | }; 92 | 93 | export default Footer; 94 | -------------------------------------------------------------------------------- /src/components/JoinNow.js: -------------------------------------------------------------------------------- 1 | import Link from "next/link"; 2 | 3 | const JoinNow = () => { 4 | return ( 5 | <> 6 |
7 |
8 |

Join us now!

9 |
10 |
11 | Invite our bot to your Discord server!{" "} 12 |
13 | 18 |
19 | 20 | ); 21 | }; 22 | 23 | export default JoinNow; 24 | -------------------------------------------------------------------------------- /src/components/Navbar.js: -------------------------------------------------------------------------------- 1 | import Link from "next/link"; 2 | 3 | const Navbar = () => { 4 | return ( 5 |
6 | 7 | 16 | 39 | 40 |
41 | ); 42 | }; 43 | 44 | export default Navbar; 45 | -------------------------------------------------------------------------------- /src/components/Showcase.js: -------------------------------------------------------------------------------- 1 | import Link from "next/link"; 2 | import { motion } from "framer-motion"; 3 | 4 | const Showcase = () => { 5 | return ( 6 | 12 |
13 |

BOT

14 |

15 | The only discord bot you need! 16 |

17 |

18 | One of the awesome discord bot with tons of commands that will fill 19 | your needs in your discord server. 20 |

21 | 22 | Bot is online! 23 |
24 | 29 | 30 | 35 |
36 |
37 | 38 | ); 39 | }; 40 | 41 | export default Showcase; 42 | -------------------------------------------------------------------------------- /src/pages/_app.js: -------------------------------------------------------------------------------- 1 | import "@/styles/globals.scss"; 2 | import "@/styles/partials/_navbar.scss"; 3 | import "@/styles/partials/_showcase.scss"; 4 | import "@/styles/partials/_about.scss"; 5 | import "@/styles/partials/_joinUs.scss"; 6 | import "@/styles/partials/_footer.scss"; 7 | 8 | export default function App({ Component, pageProps }) { 9 | return ; 10 | } 11 | -------------------------------------------------------------------------------- /src/pages/_document.js: -------------------------------------------------------------------------------- 1 | import { Html, Head, Main, NextScript } from 'next/document' 2 | 3 | export default function Document() { 4 | return ( 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /src/pages/api/hello.js: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | 3 | export default function handler(req, res) { 4 | res.status(200).json({ name: 'John Doe' }) 5 | } 6 | -------------------------------------------------------------------------------- /src/pages/commands.js: -------------------------------------------------------------------------------- 1 | import Head from "next/head"; 2 | 3 | import Navbar from "@/components/Navbar"; 4 | import Footer from "@/components/Footer"; 5 | 6 | import { motion } from "framer-motion"; 7 | 8 | export default function Commands() { 9 | return ( 10 | 16 | 17 | Commands | BOT 18 | 22 | 23 | 24 | 25 | 26 |
27 | 153 |
154 |