tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Tben 2022-07-27 18:16:20 +01:00
parent 60d5051e07
commit 355f519079
6 changed files with 39 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/portfolioEntries.json
View File

@ -5,6 +5,12 @@
"url": "https://showmerebates.com/",
"image": "/images/showmerebates.jpg"
},
{
"title": "Homeruntoken",
"description": "Next 7 is an all-in-one web engine featuring a web page builder and a content management system",
"url": "https://next7.io",
"image": "/images/next-7-graphic-min.jpg"
},
{
"title": "Next 7 Web Engine",
"description": "Next 7 is an all-in-one web engine featuring a web page builder and a content management system",

2
jsonData/blogposts.json
View File

@ -72,7 +72,7 @@
},
{
"tag": "p",
"content": "Next JS is slowly becoming the household name for web development frameworks: it features an immensely paowerful and efficient structure, based on React JS: which enables server side rendering of pages: as opposed to the traditional SPA(single page application) model React was created for. Next JS handles the heavilifting of routing, apis, frontend and backend components, module bundling, and linting, leaving you with a relatively easy platform to integrate your project. Next JS is growing very quick and in no time, it will become the most used framework for enterprise applications"
"content": "Next JS is slowly becoming the household name for web development frameworks: it features an immensely powerful and efficient structure, based on React JS: which enables server side rendering of pages: as opposed to the traditional SPA(single page application) model React was created for. Next JS handles the heavilifting of routing, apis, frontend and backend components, module bundling, and linting, leaving you with a relatively easy platform to integrate your project. Next JS is growing very quick and in no time, it will become the most used framework for enterprise applications"
}
]
}

1
pages/blog/[single].jsx
View File

@ -82,6 +82,7 @@ export default function BlogIndex({ blogPost }) {
if (element.tag.match(/img/i)) {
return <img
key={ reactKey }
src={ element.src }
width={ element.width }
height={ element.height }

4
pages/blog/index.jsx
View File

@ -8,6 +8,7 @@ import Head from "next/head";
// const contentful = require('contentful');
const fs = require("fs")
/** ********************************************** */
/** ********************************************** */
@ -134,6 +135,7 @@ export async function getStaticProps({ req, res, query }) {
// })
// console.log(blogPosts.data);
const posts = JSON.parse(fs.readFileSync("./jsonData/blogposts.json", "utf8"))
/** ********************************************** */
/** ********************************************** */
@ -142,7 +144,7 @@ export async function getStaticProps({ req, res, query }) {
// ## Server Props Return
return {
props: {
blogPosts: [],
blogPosts: posts,
},
};

33
pages/index.jsx
View File

@ -7,25 +7,28 @@ import GeneralLayout from '../layouts/general_layout/GeneralLayout'
const index = () => {
return (
<GeneralLayout pageName="home">
<React.Fragment>
<Head>
<title>Benjamin Toby | Fullstack developer, UI UX designer</title>
<meta name="description" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, Next JS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" />
</Head>
<h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." delay={ 500 } />
</span>
<div className="hero-ctas-section">
<a href='/documents/Benjamin_Toby_CV-updated.pdf' download={ true }>See my resume</a>
<a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
<a href='/contact' style={ {
backgroundColor: "transparent",
color: "white",
border: "2px solid white"
} }>Contact Me</a>
</div>
</GeneralLayout>
<GeneralLayout pageName="home">
<h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." delay={ 500 } />
</span>
<div className="hero-ctas-section">
<a href='/documents/Benjamin_Toby_CV-updated.pdf' download={ true }>See my resume</a>
<a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
<a href='/contact' style={ {
backgroundColor: "transparent",
color: "white",
border: "2px solid white"
} }>Contact Me</a>
</div>
</GeneralLayout>
</React.Fragment>
)
}

10
public/sitemap.xml
View File

@ -20,6 +20,16 @@
<lastmod>2022-07-16T17:30:45.214Z</lastmod>
</url>
<url>
<loc>https://tben.me/blog/choosing-your-tech-stack</loc>
<lastmod>2022-07-16T17:30:45.214Z</lastmod>
</url>
<url>
<loc>https://tben.me/blog/find-your-perfect-framework</loc>
<lastmod>2022-07-16T17:30:45.214Z</lastmod>
</url>
<url>
<loc>https://tben.me/contact</loc>
<lastmod>2022-07-16T17:30:45.214Z</lastmod>