Click here to see it live!
- Next.js - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
- Chakra UI - A simple, modular and accessible component library for React
- Framer Motion - An animation library for React
- i18next - An internationalization framework for JavaScript
To make form work
$PROJECT_ROOT
│
├── components
├──contact-form.js
Starts at line 17
const ContactForm = () => {
const { t } = useTranslation("contact");
const sendForm = (values, actions) => {
setTimeout(() => {
emailjs
.send(
"change_me", //service_ID
"change_me", //template_ID
values,
"change_me" //user_ID
)
change the "change_me" areas with your IDs from EmailJS dashboard.
Differences between live version and this repo are;
-
Live has resume download counter. (Firebase integration)
-
Live has a video at home page.
-
Live's contact form works well :)
MIT License.
You can create your own homepage for free without notifying me under the following condition(s):
- Add a link to my homepage
- Do not use my logo
- Do not use the svg animation where is in homepage
Check out LICENSE for more detail.