Update develop branch

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,29 @@
+name: Feature request
+description: Suggest an idea for this project
+labels: ['🛠 goal: fix']
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: A brief description of the feature and how it is related to the project.
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Solution description
+      description: Please describe a solution that you would like
+    validations:
+      required: false
+  - type: textarea
+    id: extrainfo
+    attributes:
+      label: Additional information
+      description: Is there anything else we should know about this feature?
+    validations:
+      required: false
+  - type: markdown
+    attributes:
+      value: |
+        You can also join our Telegram community [here](https://docs.google.com/forms/d/e/1FAIpQLSc_k5sffFTeL9oDug41nXU4Spw5cV84ExaL3jNFu_I1FTZO1w/viewform)

.gitignore

@@ -4,23 +4,35 @@
 /node_modules
 /.pnp
 .pnp.js
-package-lock.json
-yarn.lock
 
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-.eslintcache
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+#yarn
+yarn.lock
+
+#eslint
+.eslintrc.json

README.md

@@ -1,6 +1,6 @@
 <h1 align="center" style="margin-top: 1em; margin-bottom: 3em;">
-  <p><a href="https://reactdevske.netlify.app/"><img alt="logo" src="./src/reactdevske.svg" alt="reactdevske" width="125"></a></p>
-  <p> <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" alt="Waving Hand" width="25px"> Welcome to Reactjs Developer Community Kenya Website!</p>
+  <p><a href="https://reactdevske.netlify.app/"><img alt="logo" src="./public/reactdevske.svg" alt="reactdevske" width="125"></a></p>
+  <p> <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" alt="Waving Hand" width="25px" height="25px"> Welcome to Reactjs Developer Community Kenya Website!</p>
 </h1>
 
 This is the repo for the showcase website of the React Developer Community in Kenya

next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig

package.json

@@ -1,39 +1,23 @@
 {
-  "name": "reactdevske-website",
+  "name": "reactdevske",
   "version": "0.1.0",
   "private": true,
-  "dependencies": {
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.1.1",
-    "@testing-library/user-event": "^14.1.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-router-dom": "^6.3.0",
-    "react-scripts": "5.0.1",
-    "web-vitals": "^2.1.4"
-  },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+  "dependencies": {
+    "next": "12.1.6",
+    "react": "18.1.0",
+    "react-dom": "18.1.0"
   },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+  "devDependencies": {
+    "autoprefixer": "^10.4.7",
+    "eslint": "8.17.0",
+    "eslint-config-next": "12.1.6",
+    "postcss": "^8.4.14",
+    "tailwindcss": "^3.1.2"
   }
-}
+}

pages/_app.js

@@ -0,0 +1,7 @@
+import '../styles/globals.css'
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
+
+export default MyApp

pages/api/hello.js

@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+  res.status(200).json({ name: 'John Doe' })
+}

pages/index.js

@@ -0,0 +1,44 @@
+import Head from 'next/head'
+import Image from 'next/image'
+// import styles from '../styles/Home.module.css'
+import logo from '../public/reactdevske.svg'
+
+export default function Home() {
+  return (
+    <div className="">
+      <Head>
+        <title>React Devs Kenya</title>
+		<meta name="description" content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system." key="desc"/>
+		<meta name="title" content="Reactjs Developer Community in Kenya" key="title" />
+
+		{/* <!-- Open Graph / Facebook --> */}
+		<meta property="og:type" content="website" key="og-type"/>
+		<meta property="og:url" content="https://reactdevske.vercel.app/" key="og-url"/>
+		<meta property="og:title" content="Reactjs Developer Community in Kenya" key="og-title"/>
+		<meta property="og:description" content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system." key="og-desc"/>
+		<meta property="og:image" content="https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1623830704/og_Image_banner_reactdevske_g3htri.png" key="og-img"/>
+
+		{/* <!-- Twitter --> */}
+		<meta property="twitter:card" content="summary_large_image" key="ogtw-card"/>
+		<meta property="twitter:url" content="https://reactdevske.vercel.app/" key="ogtw-url"/>
+		<meta property="twitter:title" content="Reactjs Developer Community in Kenya" key="ogtw-title"/>
+		<meta property="twitter:description" content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system." key="ogtw-desc"/>
+		<meta property="twitter:image" content="https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1623830704/og_Image_banner_reactdevske_g3htri.png" key="ogtw-img" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className="">
+        <h1 className="text-center text-3xl text-white font-bold ">React Developer Community Kenya</h1>
+		<p className="text-center text-xl text-white">
+			A Community of Reactjs developers in Kenya
+		</p>
+		<div className='flex flex-col justify-center content-center'>
+		<Image src={logo} className="App-logo" alt="logo" width={400} height={400} />
+		<p className='flex justify-center text-white pt-10'>
+			🚧Under construction...
+		</p>
+		</div>
+      </main>
+    </div>
+  )
+}

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}