prixite / prixite.github.io Goto Github PK
View Code? Open in Web Editor NEWNext.js corporate website theme
License: MIT License
Next.js corporate website theme
License: MIT License
Change constants.js to data/data.ts.
Remove vercel.svg. This file not used anywhere.
We would like to rename constants to data. All the references should be updated as well.
Implement the current website in Next.js.
Problems that we want to solve:
Implementation Suggestions:
You should fork this repository and then do all the development in your fork. Once you think your code is ready, you can create a PR against this repo. See docs about fork.
References:
Now we have Next.js website under v2 folder. We still need to deploy this to Github pages. The general implementation sketch is as follows:
Reference:
const siteName = "Prixite"
in data.ts.siteName
in https://github.com/prixite/prixite.github.io/blob/master/components/header/Header.js#L66siteName
in https://github.com/prixite/prixite.github.io/blob/master/components/header/Header.js#L80Ideas for storing services data.
Filename: data/services.md
Web App Development
image
Prixite being the exquisite web development brands offers innovative solutions to your web development needs in today’s dynamics.
Wordpress development
image
Prixite offers its clients superior quality WordPress solutions that helps them to create a compelling impact in the business world.
file: data/services/web-development.md
heading: Web App Development
image: <image>
index: 1
Prixite being the exquisite web development brands offers innovative solutions to your web development needs in today’s dynamics.
file: data/services/word-press-development.md
heading: Wordpress Development
image: <image>
index: 2
Prixite offers its clients superior quality WordPress solutions that helps them to create a compelling impact in the business world.
The contents of pre-commit.yml can be something like this:
name: pre-commit
on:
pull_request:
push:
branches: [master]
jobs:
pre-commit:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-python@v2
- uses: pre-commit/[email protected]
Contents of .pre-commit-config.yaml can be similar to:
repos:
- repo: https://github.com/pre-commit/pre-commit-hooks
rev: v4.2.0
hooks:
- id: check-yaml
- id: end-of-file-fixer
- id: trailing-whitespace
-
- repo: https://github.com/pre-commit/mirrors-prettier
rev: v2.6.2
hooks:
- id: prettier
exclude: ^tweet_listener/models/
types: [javascript]
I think we can move the following block to Header component.
<Head>
<title>{title}</title>
<meta name="prixite" content="Prixte" />
<link rel="icon" href="/favicon.ico" />
</Head>
To keep our dependencies up to date, let's integrate https://github.com/dependabot.
TBA
This placeholder to keep track of sub-tasks.
Change Footer.js to TypeScript.
We would like to add a jobs page to publicise the job openings in our company. There is no need to integrate API backend at the moment. You can just create an array of objects in JavaScript to hold the data for the jobs.
This allows to create blogs in markdown
Remove api. This folder is not used anywhere.
We would like to add a client page to show case the clients we have worked with. There is no need to integrate API backend at the moment. You can just create an array of objects in JavaScript to hold the data for the clients.
Add dynamic routing instead of conditional routing so that new pages will just work.
Depends on #80.
Update data.ts to use siteName
in the titles of all pages. Here are some examples:
title: siteName
.${siteName} - Portfolio
.Make sure all titles of the pages follow ${siteName} - ${pageTitle}
format. For example, https://github.com/prixite/prixite.github.io/blob/master/constants/data.ts#L215 should be changed to ${siteName} - Web Development
.
We would like to add a portfolio page to show case our projects. There is no need to integrate API backend at the moment. You can just create an array of objects in JavaScript to hold the data for the projects.
Change to "What We Do"
Relevant line: https://github.com/prixite/prixite.github.io/blob/master/constants/constants.js#L73
We are currently using Python pre-commit. We would like to shift to Node based pre-commit. This will ensure easier development experience.
The main theme needs to be same.
Currently, the code is simple JS. Let's move to TypeScript.
Change Layout.js to TypeScript.
Follow docs to add a license file in the repo. Let's add MIT license.
We already have env.sample in the repo.
We need to add the following code snippet in the HEAD tag:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C0JTNSKJN1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-C0JTNSKJN1');
</script>
Change Header.js to TypeScript.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.