Home
About
Blog
Products
Forum
Support
Contact
Sunbelt Computer Software
PL/B Language Development and Support
Home
About
Blog
Products
Forum
Support
Contact
templates/solid-v2/fullstack-tanstack/vite.config.ts at main · solidjs/templates · GitHub
Skip to content
Navigation Menu
Sign in
Appearance settings
Platform
AI CODE CREATION
GitHub Copilot
Write better code with AI
GitHub Copilot app
Direct agents from issue to merge
MCP Registry
Integrate external tools
DEVELOPER WORKFLOWS
Actions
Automate any workflow
Codespaces
Instant dev environments
Issues
Plan and track work
Code Review
Manage code changes
Code Quality
Enforce quality at merge
APPLICATION SECURITY
GitHub Advanced Security
Find and fix vulnerabilities
Code security
Secure your code as you build
Secret protection
Stop leaks before they start
EXPLORE
Why GitHub
Documentation
Blog
Changelog
Marketplace
View all features
Solutions
BY COMPANY SIZE
Enterprises
Small and medium teams
Startups
Nonprofits
BY USE CASE
App Modernization
DevSecOps
DevOps
CI/CD
View all use cases
BY INDUSTRY
Healthcare
Financial services
Manufacturing
Government
See all industries
View all solutions
Resources
EXPLORE BY TOPIC
AI
Software Development
DevOps
Security
View all topics
EXPLORE BY TYPE
Customer stories
Events & webinars
Ebooks & reports
Business insights
GitHub Skills
SUPPORT & SERVICES
Documentation
Customer support
Community forum
Trust center
Partners
View all resources
Open Source
COMMUNITY
GitHub Sponsors
Fund open source developers
PROGRAMS
Security Lab
Maintainer Community
GitHub Stars
Archive Program
REPOSITORIES
Topics
Trending
Collections
Enterprise
ENTERPRISE SOLUTIONS
Enterprise platform
AI-powered developer platform
AVAILABLE ADD-ONS
GitHub Advanced Security
Enterprise-grade security features
Copilot for Business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Pricing
Search
/
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
solidjs
templates
Repository navigation
Code
Issues
9
(9)
Pull requests
9
(9)
Actions
Projects
Security and quality
Insights
More
items
Files
Expand file tree
main
Breadcrumbs
templates
/
solid-v2
/
fullstack-tanstack
/
vite.config.ts
Copy path
Blame
More file actions
Blame
More file actions
Latest commit
History
History
History
119 lines (118 loc) · 4.65 KB
main
Breadcrumbs
templates
/
solid-v2
/
fullstack-tanstack
/
vite.config.ts
Copy path
Top
File metadata and controls
Code
Blame
119 lines (118 loc) · 4.65 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
import
{
fileURLToPath
}
from
'node:url'
;
import
{
routePathFromFile
}
from
'filesystem-routing'
;
import
{
fileRoutes
}
from
'filesystem-routing/vite'
;
import
{
tanstackRouter
}
from
'@tanstack/router-plugin/vite'
;
import
{
defineConfig
}
from
'vitest/config'
;
import
solid
from
'@solidjs/vite-plugin'
;
export
default
defineConfig
(
{
// Turnkey streaming SSR under a third-party router: no index.html and no
// entry files — the plugin generates the entries around src/App.tsx,
// wrapped in src/Document.tsx. `vite build` emits client assets to
// dist/client and the request handler to dist/server, plus the Node server
// (dist/server/node.js) `npm start` runs.
plugins
:
[
// Generates src/routeTree.gen.ts from src/routes; must be registered
// before solid(). Each route's component compiles to a lazy chunk that
// resolves at the read point during hydration (the router commits the
// server's matches from Solid's hydration registry before rendering), so
// no chunk-preload manifest from TanStack's start layer is needed.
tanstackRouter
(
{
target
:
'solid'
,
autoCodeSplitting
:
true
}
)
,
solid
(
{
start
:
{
middleware
:
'./src/middleware.ts'
,
// Per-request SSR preparation: builds this request's TanStack
// router + Query cache and runs the loaders (see src/setup.tsx).
// Ignored when `ssr` is false.
setup
:
'./src/setup.tsx'
,
// Emit dist/server/node.js: a ready-to-run Node server (static
// assets + the handler). Other platforms import dist/server/server.js.
node
:
true
,
// Typed env is on by convention: ./env.ts is probed automatically.
// (Set `env: false` here to opt out.)
}
,
// Set to false for a static shell + API server: pages render on the
// client while server functions, sessions, and API routes keep working.
ssr
:
true
,
// Dev-only: capture control at /__solid/diagnostics (see AGENTS.md).
diagnostics
:
true
,
// The configure module runs in the handler graph before any dispatch —
// it registers the Query single-flight collector.
serverFunctions
:
{
configure
:
'./src/server-config.ts'
}
,
}
)
,
// API routes only — TanStack owns src/routes, so the file-system router
// scans src/api instead and mounts every module under /api.
fileRoutes
(
{
dir
:
'src/api'
,
httpMethods
:
true
,
toPath
:
(
file
)
=>
'/api'
+
routePathFromFile
(
file
)
,
}
)
,
]
,
server
:
{
port
:
3000
,
}
,
test
:
{
globals
:
false
,
setupFiles
:
[
'./vitest-setup.ts'
]
,
// Two projects because they need different halves of the framework:
// component tests run in a DOM against the browser build, server-runtime
// tests (the session suite) run in node against the real server build.
projects
:
[
{
extends
:
true
,
test
:
{
name
:
'client'
,
environment
:
'jsdom'
,
include
:
[
'src/**/*.test.tsx'
]
,
}
,
}
,
{
extends
:
true
,
test
:
{
name
:
'server'
,
environment
:
'node'
,
include
:
[
'src/server/**/*.test.ts'
]
,
// Inline the framework so the aliases below decide which build
// loads (externalized modules resolve through node instead).
server
:
{
deps
:
{
inline
:
[
/
@
s
o
l
i
d
j
s
[
+
/
]
w
e
b
/
]
}
}
,
alias
:
[
// The test pipeline resolves the framework's browser build even
// in node (the client posture applies pipeline-wide), so the
// main entry is pinned to the server build here.
{
find
:
/
^
@
s
o
l
i
d
j
s
\/
w
e
b
$
/
,
replacement
:
fileURLToPath
(
new
URL
(
'./node_modules/@solidjs/web/dist/server.js'
,
import
.
meta
.
url
,
)
,
)
,
}
,
// Inlines the storage module so its own framework import goes
// through the alias above instead of node's externalized copy.
{
find
:
/
^
@
s
o
l
i
d
j
s
\/
w
e
b
\/
s
t
o
r
a
g
e
$
/
,
replacement
:
fileURLToPath
(
new
URL
(
'./node_modules/@solidjs/web/storage/dist/storage.js'
,
import
.
meta
.
url
,
)
,
)
,
}
,
// Tests run outside the turnkey server: the plugin's env module
// is stubbed with the same contract (live process.env reads).
{
find
:
'virtual:env/server'
,
replacement
:
fileURLToPath
(
new
URL
(
'./vitest-env-server-stub.ts'
,
import
.
meta
.
url
)
,
)
,
}
,
]
,
}
,
}
,
]
,
}
,
build
:
{
target
:
'esnext'
,
assetsInlineLimit
:
0
,
}
,
}
)
;
You can’t perform that action at this time.