Frontend Engineer - Next.js / TypeScript (Remote)

Please login or register as jobseeker to apply for this job.

: TYPE OF WORK

Full Time

: SALARY

$1,600 – $2,400 USD

: HOURS PER WEEK

40

: DATE UPDATED

Apr 16, 2026

JOB OVERVIEW

PLEASE NOTE: WE ARE MOVING QUICKLY AND AIM TO HIRE IN THE NEXT TWO WEEKS.

About the Role

We are seeking a Frontend Engineer with strong experience in Next.js and TypeScript to build and maintain production-grade interfaces for cloud-native applications. You will develop UI layers that integrate with backend APIs and AI-driven workflows while collaborating with engineers and stakeholders to deliver performant, maintainable solutions.

This role focuses on application engineering rather than marketing sites or page builders, and involves working on systems used by enterprise clients.

Key Responsibilities

- Build and maintain front-end applications using Next.js (App Router) and React.
- Implement reusable, scalable UI components in TypeScript.
- Integrate front-end applications with backend APIs and debug data flow issues.
- Optimize rendering strategies, bundle size, and overall application performance.
- Apply SSR, SSG, and ISR appropriately based on application needs.
- Troubleshoot browser, network, and integration issues independently.
- Collaborate with backend engineers to refine API interactions.
- Maintain code quality, readability, and reuse across repositories.
- Participate in code reviews and continuous improvement efforts.
- Apply sound engineering practices including SOLID-oriented component design and maintainable architecture patterns.
- Ensure front-end implementations follow security best practices aligned with OWASP guidance.
- Apply sound engineering practices including SOLID-oriented component design and maintainable architecture patterns.
- Ensure front-end implementations follow security best practices aligned with OWASP guidance.

Core Technical Requirements

Primary Stack: Next.js (App Router), React, TypeScript
Frontend Engineering: Component architecture, reusable abstraction design, async data handling, responsive layouts
API Integration: REST APIs, JSON handling, debugging network and data issues
Version Control: Git familiarity

Preferred Full-Stack Skills

- Integration with AWS-backed APIs such as API Gateway, Lambda, or S3.
- Authentication and session handling using JWT, OAuth, or Cognito.
- Debugging backend and frontend interaction issues.
- Basic Node.js familiarity.
- UI performance tuning experience.

CI/CD Tools

- Preferred: GitHub Actions
- Alternatives: Jenkins or CircleCI

Nice-to-Have Skills

- Experience with TailwindCSS or modern styling frameworks.
- Accessibility awareness.
- Performance profiling or Lighthouse optimization.
- Exposure to cloud-native environments.
- Understanding of frontend security practices.
- Experience working across distributed teams.

Qualifications

- 2+ years of professional React or Next.js experience.
- Portfolio demonstrating shipped UI work.
- Strong debugging and problem-solving abilities.
- Ability to work independently in a remote environment.
- Clear written communication skills.

Compensation & Perks

- Monthly Rate: $1,600 – $2,400 USD (paid via Wise).
- Performance Bonus: Discretionary Year-End Performance Bonus based on project milestones.
- Direct US Client: No agency middleman taking a percentage of your fees.
- Mentorship: Work directly with senior engineers on production systems.
- Engagement Type: Independent contractor engagement. You are responsible for your own tax filings and social contributions.

How to Apply (Read Carefully)

To ensure your application is processed, do not apply through this site. Email us directly:

careers [at] diverseprogrammers [dot] com

Your email must follow this exact format:

Subject Line

Result of "21 + 5" followed by your Name
(example: 26 - Juan Dela Cruz)

Body

- The "Engineering" Question: In 1–2 sentences, when would you deliberately avoid React Server Components in a Next.js application?
- Links: Link to your GitHub or online portfolio (include production UI work you personally built).
- Resume: Attach your resume.

SKILL REQUIREMENT

Next JS Typescript AWS

SHARE THIS POST

Job Post	Reporter	Rank	Reason	Date

BENCHMARKS

Loading Time: Base Classes	0.0021
Controller Execution Time ( Jobseekers / Job )	0.0163
Total Execution Time	0.0198

GET DATA

No GET data exists

MEMORY USAGE

1,509,136 bytes

POST DATA

No POST data exists

URI STRING

jobseekers/job/Frontend-Engineer-Nextjs-TypeScript-Remote-1625767

CLASS/METHOD

jobseekers/job

DATABASE: onlinejobs (Jobseekers:$db) QUERIES: 13 (0.0092 seconds) (Hide)

0.0003	`SELECT * FROM exrates WHERE rate_name = 'USD-PHP'`
0.0003	SELECT * FROM `employer_jobs` WHERE `job_id` = 1625767 LIMIT 1
0.0003	SELECT * FROM `employers` WHERE `employer_id` = 886706 LIMIT 1
0.0010	SELECT COUNT(*) AS `numrows` FROM `t_thread` `t` LEFT JOIN `t_thread_misc` `misc` ON `t`.`id` = `misc`.`thread_id` WHERE `t`.`job_id` = 1625767 AND `misc`.`id` IS NULL
0.0022	SELECT e.business_name, e.logo, e.website, e.rebill_date, e.date_added member_date, hits, DATEDIFF('2026-04-19',ej.date_added) duration_days, DATEDIFF('2026-04-19',e.rebill_date) duration_rebill, ej.*, e.deactivate FROM employers e, employer_jobs ej WHERE e.employer_id = ej.employer_id AND ((e.user_level >= '500' AND ej.date_added <= e.rebill_date) OR e.employer_id = '' OR (ej.date_approved <> '2000-01-01' and DATEDIFF('2026-04-19',ej.date_added) <= 14 )) AND e.deactivate != 1 AND ej.deleted = 0 AND job_id = '1625767'
0.0003	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1625767
0.0007	`UPDATE employer_jobs SET hit_counts = '*Apr-16-2026=175Apr-17-2026=176Apr-18-2026=59*Apr-19-2026=1' WHERE job_id= '1625767'`
0.0006	`UPDATE employer_jobs SET monthly_hits = '***Apr-2026=411' WHERE job_id= '1625767'`
0.0010	`SELECT date_sent FROM jobseeker_sent_emails WHERE jobseeker_id = '' AND job_id = '1625767' AND status LIKE 'sent%' ORDER BY id DESC`
0.0003	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1625767
0.0014	SELECT COUNT(*) AS `numrows` FROM `employer_jobs` WHERE `employer_id` = '886706' AND `date_added` >= '2022-06-08'
0.0003	`select * from teasers`
0.0005	`SELECT * FROM skill_categories WHERE skill_cat_id=''`

HTTP HEADERS (Show)

SESSION DATA (Show)

__ci_last_regenerate	1776575008
last_page	https://v1.stage.onlinejobs.ph/jobseekers/job/Frontend-Engineer-Nextjs-TypeScript-Remote-1625767
csrf-token	91acb3a8fe5beb3b8827448f0da6cf5a
job_search_keyword

CONFIG VARIABLES (Show)

base_url	https://v1.stage.onlinejobs.ph
log_threshold	2
enable_profiler
index_page
uri_protocol	PATH_INFO
url_suffix
language	english
charset	UTF-8
enable_hooks	1
subclass_prefix	MY_
composer_autoload	vendor/autoload.php
permitted_uri_chars	a-z 0-9~%.:_\=\-\+\@?\&
enable_query_strings
controller_trigger	c
function_trigger	m
directory_trigger	d
allow_get_array	1
log_path
log_file_extension
log_file_permissions	420
log_date_format	Y-m-d H:i:s
error_views_path
cache_path
cache_query_string
encryption_key	OdBUArjiWg9I7u7bvAwQ7Fu35VB1kzga
sess_driver	files
sess_cookie_name	ci_session
sess_expiration	2678400
sess_save_path
sess_match_ip
sess_time_to_update	300
sess_regenerate_destroy
cookie_prefix
cookie_domain
cookie_path	/
cookie_secure
cookie_httponly
standardize_newlines
global_xss_filtering	1
csrf_protection
csrf_token_name	csrf_test_name
csrf_cookie_name	csrf_cookie_name
csrf_expire	7200
csrf_regenerate	1
csrf_exclude_uris	Array ( )
compress_output
time_reference	local
rewrite_short_tags
proxy_ips
ojadmin	JpjZkQN5A8l@^L
salt	+UFjSAT49tPZLtmU2CIG2FYN7pRhgsWyLHgSyQa6k3I=
queue_enabled
twilio	Array ( [sid] => AC00c0594045c6eef9407e8fff01f3d467 [token] => f0bfc0b73444a077894a43f5f75e6d41 [length] => 6 [from] => +639221200200 [code_expiry_seconds] => 14400 )
maintenance	Array ( [admin] => Array ( [verification] => ) [announcement_bar] => Array ( [show_slow_issue_message] => ) )
trustpilot	Array ( [to_email] => onlinejobs.ph+3d844ebf71@invite.trustpilot.com )
services	Array ( [google_tag_manager] => Array ( [id] => GTM-T5CQMS6P ) [chatgpt] => Array ( [secret] => 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 ) [claude] => Array ( [secret] => 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 ) )
v2_url	https://v2.stage.app.onlinejobs.ph
replacemyself_secret_key	Kk1WpgTMkc4wBQOqC5rqCssdLhACKrsJeTtO1ywUkT4=
app	Array ( [app] => Array ( [command] => Array ( [map] => Array ( [OnlineJobs\Mailer\Command\SendEmailCommand] => OnlineJobs\Mailer\Handler\SendEmailHandler [OnlineJobs\Mail\Command\SendEmailCommand] => OnlineJobs\Mail\Handler\SendEmailHandler [OnlineJobs\Mail\Command\QueueEmailPendingCommand] => OnlineJobs\Mail\Handler\QueueEmailPendingHandler [OnlineJobs\Mail\Command\QueueJobEmailPendingCommand] => OnlineJobs\Mail\Handler\QueueJobEmailPendingHandler [OnlineJobs\Mail\Command\QueueUnapprovedEmailCommand] => OnlineJobs\Mail\Handler\QueueUnapprovedEmailHandler [OnlineJobs\Mail\Command\ProcessEmailQueueCommand] => OnlineJobs\Mail\Handler\ProcessEmailQueueHandler [OnlineJobs\Mail\Command\PutJobseekerEmailOnHoldCommand] => OnlineJobs\Mail\Handler\PutJobseekerEmailOnHoldHandler [OnlineJobs\Purchase\Command\RealEstateVaCourseCommand] => OnlineJobs\Purchase\Handler\RealEstateVaCourseHandler [OnlineJobs\Test\Command\HelloCommand] => OnlineJobs\Test\Handler\HelloHandler ) [middleware] => Array ( ) ) [providers] => Array ( [0] => OnlineJobs\Bus\BusServiceProvider [1] => OnlineJobs\Database\DbServiceProvider [2] => OnlineJobs\Mailer\MailerServiceProvider [3] => OnlineJobs\Support\SupportServiceProvider [4] => OnlineJobs\Employer\ServiceProvider [5] => OnlineJobs\Jobseeker\ServiceProvider [6] => OnlineJobs\Mail\ServiceProvider [7] => OnlineJobs\Postal\ServiceProvider [8] => OnlineJobs\Queue\ServiceProvider [9] => OnlineJobs\Courier\ServiceProvider [10] => OnlineJobs\Job\ServiceProvider [11] => OnlineJobs\Purchase\ServiceProvider ) ) )
meta	Array ( [facebook] => Array ( [input] => 1 [connect] => 2 [timezone] => 3 [url] => 30 [id] => 31 [photo] => 32 [name] => 33 [email] => 34 [review] => 35 ) [trust] => Array ( [government_id] => 4 [utility_bill] => 5 [selfie_photo] => 6 [profile_picture] => 7 [phone_number] => 8 [facebook] => 9 ) [verify] => Array ( [profile_picture] => 10 [government_id] => 11 [selfie_photo] => 12 [utility_bill] => 13 [address] => 14 [name] => 15 [reviewed] => 16 [government_group] => 28 [address_group] => 29 [mobile] => 38 ) [address] => Array ( [complete] => 17 [room_unit_no] => 20 [house_no] => 21 [street] => 22 [subdivision] => 23 [barangay] => 24 [city] => 25 [province] => 26 [postcode] => 27 ) [reviewed] => Array ( [similar_names] => 1 ) [name] => 18 [phone] => 19 [sms_verification_code] => 36 [resend_verification_code] => 37 [address_read] => 39 [first_name] => 100 [middle_name] => 101 [last_name] => 102 [edit] => Array ( [government_id_group] => 40 [address_group] => 41 [mobile_group] => 42 ) [salary_re_entry] => 103 [id_proof_recalibrate] => 104 [email] => 44 [mobile_verification_type] => 45 )
honeypot	Array ( [name_field] => my_name [enabled] => 1 )

HTTP_ACCEPT	/
HTTP_USER_AGENT	Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
HTTP_CONNECTION	Upgrade
SERVER_PORT	80
SERVER_NAME	v1.stage.onlinejobs.ph
REMOTE_ADDR	127.0.0.1
SERVER_SOFTWARE	Apache/2.4.58 (Ubuntu)
HTTP_ACCEPT_LANGUAGE
SCRIPT_NAME	/index.php
REQUEST_METHOD	GET
HTTP_HOST
REMOTE_HOST
CONTENT_TYPE
SERVER_PROTOCOL	HTTP/1.1
QUERY_STRING
HTTP_ACCEPT_ENCODING	gzip, br, zstd, deflate
HTTP_X_FORWARDED_FOR	216.73.217.103
HTTP_DNT

Frontend Engineer - Next.js / TypeScript (Remote)

Please login or register as jobseeker to apply for this job.

TYPE OF WORK

SALARY

HOURS PER WEEK

DATE UPDATED

Why is this blurred?