"Trying" to code my personal website

zF4ke

Last update: Jan 31, 2022

Related tags

Learning resource portfolio

Overview

Preview (just a prototype)

Dark mode

White mode

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Source code my personal website is written using Next.js, Tailwind CSS and Chakra UI

Homepage Overview. / Home page. pages/blog/[slug] - Static pages/social - Social page. pages/photos - Photos page. pages/activites - Activites page Di

Dec 13, 2022

My Personal Website

Responsive Portfolio Website Yandri Syanurdi Responsive Portfolio Website by Yandri Syanurdi A clean and nice web portfolio for designer or developer.

May 30, 2021

Website to present projects made by me and that are part of my personal portfolio. It was made using React, HTML y Scss (CSS).

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 23, 2021

Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

nextjs-mdx-blog-theme View: demo site Framework: Next.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Running Locally $ git clone https://git

Dec 26, 2022

My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.

chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne

Mar 25, 2022

⚡ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.

小康 blog View Demo · Report Bug · Request Feature 🌍 honghong.me Framework: Next.js Database: Planetscale ORM: Prisma Authentication: NextAuth.js Deplo

Dec 31, 2022

⚡ My personal website.

nafeez.xyz Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel Styling: Tailwind CSS Running Locally C

Aug 4, 2022

This is personal portfolio website that features the projects I have been working on, all the contact information is provided as well.

Personal-Portfolio This is personal portfolio website. Built With React CSS VS code Live Demo Live Demo Getting Started Prerequisites: Create an accou

Jan 6, 2023

My personal website – Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind

kenaqshal.com Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel CMS: Sanity Styling: Tailwind CSS Ov

Nov 24, 2022

Comments

Bump minimist from 1.2.5 to 1.2.6
Bumps minimist from 1.2.5 to 1.2.6.

Commits

7efb22a 1.2.6

ef88b93 security notice for additional prototype pollution issue

c2b9819 isConstructorOrProto adapted from PR

bc8ecee test from prototype pollution PR

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1
Bump next from 12.0.9 to 12.1.0
⚠️ Dependabot is rebasing this PR ⚠️

Rebasing might not happen immediately, so don't worry if this takes some time.

Note: if you make any changes to this PR yourself, they will take precedence over the rebase.

Bumps next from 12.0.9 to 12.1.0.

Release notes

Sourced from next's releases.

v12.1.0

Core Changes

Relay Support in Rust Compiler: #33702

fix eslint link-passhref rule: #33857

update webpack: #33831

Flush buffered vitals metrics on page mount: #33867

fix problem with HMR when middleware and page reference the same node_module: #33873

Refactor page component getter in web server: #33759

update NextResponse default redirect status to 307 to match docs: #33505

Bug fix: dynamic page should not be interpreted as predefined page: #33808

Group streaming experimental apis: #33878

Encapsulate routing and initial hydration: #33875

Optimize offline condition judgment: #33238

Ensure external beforeFiles rewrites are handled with next/link: #33888

Fix parsing params for i18n optional route in minimal mode: #33896

Ensure browserslist extends works properly: #33890

Fix image cache race condition: #33883

Add support for Relay projects without artifactDirectory: #33918

fix: handle jsxspreadattribute in inline-script-id eslint rule: #32421

feat(next-swc): Update swc: #33724

Update to latest version of amphtml-validator: #33967

Warn in dev mode when script tags are added with next/head: #33968

Ensure optional chaining in swc matches babel: #33995

Use react-dom/server.browser in Node.js: #33950

Ensure external middleware rewrite is handled correctly: #33962

Update Terser to v5.10.0, fix minification issues: #33045

Warn in dev mode when stylesheets are added using next/head: #34004

Use ReadableStream in RenderResult: #34005

Fix suffix ordering while streaming: #34011

Don't use yarn if a package-lock.json file is found: #31926

Do not warn when application/ld+json scripts are used with next/head: #34021

Babel & next-swc: Fix exporting page config with AsExpression: #32702

Detect per page runtime config for functions manifest: #33945

Add JSDoc to config options: #32915

Update font-stylesheet-gathering-plugin.ts: #30709

Add decoratorMetadata flag if enabled by tsconfig: #32914

fix: data url handling in css-loader: #34034

Place 'charset' element at the top of : #28119

Fix detection of anchor click events inside svg: #23272

Allow passing nothing as custom jest config: #32328

Fixes #31240: Adding a recursive addPackagePath function in webpack-config: #31264

Require component rendered as child of Link to pass event to onClick handler: #27723

Allow scroll prevention on hash change: #31921

Add support for async fn / promise in next.config.js/.mjs: #33662

Fix lazyRoot functionality for next/image: #33933

Change SWC minify from beta to release candidate: #34056

Make Router state immutable: #33925

Stop exposing internal render and renderError methods from next/client: #34069

Add api-utils helper for testing: #34078

... (truncated)

Commits

8545fd1 v12.1.0

1605f30 v12.0.11-canary.21

69aedbd Fix typo (#34480)

f0f322c Remove deprecation for relative URL usage in middlewares (#34461)

d4d79b2 Fix chunk buffering for server components (#34474)

74fa4d4 update webpack (#34477)

b70397e Revert "Allow reading request bodies in middlewares (#34294)" (#34479)

4202011 Update font-optimization test snapshot (#34478)

1edd851 Allow reading request bodies in middlewares (#34294)

ba78437 fix: don't wrap profile in firebase example (#34457)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1

Owner

zF4ke

Turn my thoughts into code. Discord: zF4ke#8556

GitHub portfolio-zf4ke.vercel.app

Trying to make a game engine apparently.

Clockwork - a game engine from scratch The goal of this project is to build a game engine, I still don't know what it needs to do, but will update thi

2 Oct 31, 2021

Trying to re-create sorting alghorithms with js.

The initial idea was to re-create sorting mechanisms from scratch using low time complexity sort algorithms. Bubble, Radix and Lexographical was the

1 Dec 19, 2021

I'm trying to create simple program for adding the digital signature to a pdf file with self-signed certificate. I use node-signpdf and pdf-lib library.

pdf-digital-signature-with-node-signpdf-ejs I'm trying to create simple program for adding the digital signature to a pdf file with self-signed certif

5 Dec 25, 2022

Repository trying to recreate Javascript (node) methods.

Javascript Polyfills This is an open-source project, where we try to do a polyfill for every (or almost all of them) Javascript Methods that currently

9 Oct 8, 2022

Trying to learn Svelte. Based off the official tutorial. Readme has notes!

Learning Svelte! A JavaScript library An open-source front end compiler Instead of using a virtual DOM, Svelte will directly update the DOM in an effi

2 Jul 5, 2022

🐻 Trying out the bear necessities for complex state management.

?? Zustand Demos My practice repository for the Zustand library--the bear necessities for complex state management. You can find some examples of how

2 Jul 2, 2022

How often do you get asked about the gadgets or software that you use? If the answer is quite often, you should be trying show off out. Curate the list of gadgets and software and share it with your fans and followers.

Show Off - Showcase your setup! How often do you get asked about the gadgets or software that you use? If the answer is quite often, you should be try

15 Nov 24, 2022

"Trying" to code my personal website

Related tags

Overview

Preview (just a prototype)

Getting Started

Learn More

Deploy on Vercel

You might also like...

Source code my personal website is written using Next.js, Tailwind CSS and Chakra UI

My Personal Website

Website to present projects made by me and that are part of my personal portfolio. It was made using React, HTML y Scss (CSS).

Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.

⚡ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.

⚡ My personal website.

This is personal portfolio website that features the projects I have been working on, all the contact information is provided as well.

My personal website – Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind

Comments

Bump minimist from 1.2.5 to 1.2.6

Bump next from 12.0.9 to 12.1.0

v12.1.0

Core Changes

Owner

zF4ke

Trying to make a game engine apparently.

Trying to re-create sorting alghorithms with js.

I'm trying to create simple program for adding the digital signature to a pdf file with self-signed certificate. I use node-signpdf and pdf-lib library.

Repository trying to recreate Javascript (node) methods.

Trying to learn Svelte. Based off the official tutorial. Readme has notes!

🐻 Trying out the bear necessities for complex state management.

How often do you get asked about the gadgets or software that you use? If the answer is quite often, you should be trying show off out. Curate the list of gadgets and software and share it with your fans and followers.

Just trying to understand how a SPA works.

Trying 5 Redux Alternatives (Zustand, Recoil, Jotai, Rematch and Redux-Toolkit). Expalined on CoderOne Ytb channel

✨This is My Personal Website's Source Code. 👨‍💻 I Make it with Next.js and WindiCSS